@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0;}
body{ text-align: justify; font-family: /*"SourceHanSansCN-Bold""OswaldLight",, max-width: 1920px;*/ "思源黑体", Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif, "Times New Roman"; margin: 0 auto;}
a{ text-decoration:none; font-size: 14px; color:#000;}
input,select,textarea{ outline:none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}

.left{ float:left;}
.right{ float:right;}

.pt30{ padding-top: 30px !important; }
.p10{ padding: 10px 0; }
.p20{ padding: 20px 0; }
.p30{ padding: 30px 0; }
.p40{ padding: 40px 0; }
.p50{ padding: 50px 0; }
.p60{ padding: 60px 0; }
.p70{ padding: 70px 0; }
.p80{ padding: 80px 0; }
.p90{ padding: 90px 0; }
.p100{ padding: 100px 0; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt90{ margin-top: 90px !important; }
.mt100{ margin-top: 100px !important; }
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.w100{ width: 100%;	display: block; }

sup{ font-size: 12px; line-height: 12px;}

::-webkit-scrollbar {
	width : 5px;
	height: 1px;
}
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	height: 15px;
	background: #a0a0a0;
}
::-webkit-scrollbar-track {
	background: #f6f8fb;
}
::selection {
    background-color: #ffea00;
}

::-moz-selection {
    background-color: #ffea00;
}

.lightbox{
	position: relative;
}
.lightbox:before{
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/watermark.png") bottom 20px right 25px no-repeat;
	background-size: 30%;
}

.gmxmcontainer img{
	display: block;
	margin: 0 auto;
	max-width: 800px !important;
	width: 100%;
}
.gmxmcontainer table{
	border: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
}
.gmxmcontainer table td{
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.gmxmcontainer a{
	display: block;
}

#gmxmclick{
	position:absolute;
	width: 80px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	background: #f3e926;
	display: none;
}



.headerbg{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
	padding: 65px 0 0 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.header{
	width: 92%;
	margin: 0 auto;
}
.logo img{
	display: block;
	max-width: 147px;
}
.menu{
	font-family: "Futura LT Bold";
}
.menu li{
	display: block;
	float: left;
	position: relative;
}
.menu>li>a{
	display: block;
	float: left;
	color: #000000;
	text-transform: uppercase;
	font-size: 34px;
	padding: 0 0 0 50px;
	line-height: 34px;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	letter-spacing: 2px;
	-webkit-text-stroke: 1px #000;
	-moz-text-stroke: 1px #000;
	-ms-text-stroke: 1px #000;
	-o-text-stroke: 1px #000;
	text-stroke: 1px #000;
}
.menu>li.this>a,
.menu>li:hover>a{
	color: rgba(255,255,255,0);
	/*
	text-shadow:
		2px 0 0 #000, 0 2px 0 #000,
		0 -2px 0 #000, -2px 0 0 #000,
		2px 2px 0 #000, 2px 2px 0 #000,
		2px -2px 0 #000, -2px 2px 0 #000;*/
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.case_banner img{
	display: block;
	width: 100%;
}

.case_text{
	max-width: 1200px;
	margin: 0 auto;
}
.case_title{
	font-size: 51px;
	line-height: 60px;
	font-weight: bold;
	font-family: "SourceHanSansCN-Bold";
}
.case_title_1{
	font-size: 24px;
	line-height: 28px;
	margin: 10px 0 0 0;
	font-weight: bold;
	font-family: "SourceHanSansCN-Bold";
}
.case_title_1 sup{
	font-size: 20px;
	line-height: 20px;
}
.case_intro{
	margin: 35px 0 0 0;
	font-size: 20px;
	line-height: 40px;
	height: 120px;
	font-weight: lighter;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_intro strong{
	font-weight: bold;
}

.case_more{
	width: 74px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}
.case_more:before{
	position: absolute;
	content: "+";
	font-size: 50px;
	color: #000;
	text-align: center;
	display: block;
	left: 0;
	top: -37px;
	width: 100%;
	line-height: 70px;
}

.case_detail{}
.case_detail li{
	display: block;
	line-height: 36px;
	font-size: 24px;
	font-weight: lighter;
}
.case_detail li>div{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
.case_detail li .d_icon{
	width: 2.5%;
}
.case_detail li .d_icon img{
	max-width: 100%;
	vertical-align: middle;
	margin: -5px 0 0 0;
}
.case_detail li .d_title{
	margin: 0 0 0 3%;
	width: 5%;
}
.case_detail li .d_ge{
	width: 8%;
	text-align: center;
}
.case_detail li .d_name{
	width: 79%;
	position: relative;
}
.case_detail li .d_name:after{
	width: 100%;
	height: 2px;
	background: #000;
	top: 18px;
	right: 0;
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
}
.case_detail li .d_name>span{
	background: #fff;
	display: inline;
	padding: 0 10px 0 0;
}
.case_detail li .d_arrow{
	opacity: 0;
	width: 1.5%;
	margin: 0 0 0 1%;
	cursor: pointer;
}
.case_detail li .d_arrow img{
	max-width: 100%;
	vertical-align: middle;
	margin: -5px 0 0 0;
}
.case_detail li.hasarrow .d_arrow{
	opacity: 1;
}
.case_detail li .d_detail{
	display: none;
}
.case_detail li .d_detail .year{
	width: 25%;
	float: left;
}
.case_detail li .d_detail span{
	display: block;
	font-size: 20px;
}
.case_detail li .d_detail span:first-child{
	border-bottom: 2px solid #000;
}
.case_detail li .d_detail .year.last{
	float: right;
	text-align: right;
}


.case_picshow{
	width: 71%;
	margin: 100px auto 0 auto;
}
.case_picshow li{
	display: block;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	cursor: pointer;
	background-size: cover !important;
}
.case_picshow li a{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.case_picshow li img{
	width: 100%;
	max-width: none;
	position: relative;
	opacity: 0;
}
.case_picshow li:nth-child(1){
	width: 100%;
}
.case_picshow li:nth-child(1) a{
	position: relative;
}
.case_picshow li:nth-child(2){
	height: 610px;
	width: 66%;
	margin: 0 2% 20px 0;
}
.case_picshow li:nth-child(3),
.case_picshow li:nth-child(4){
	height: 295px;
	width: 32%;
}
.case_picshow li:nth-child(5),
.case_picshow li:nth-child(6),
.case_picshow li:nth-child(7),
.case_picshow li:nth-child(8),
.case_picshow li:nth-child(9),
.case_picshow li:nth-child(10){
	margin: 0 2% 20px 0;
	width: 32%;
	height: 290px;
}
.case_picshow li:nth-child(7),
.case_picshow li:nth-child(10){
	margin: 0 0 20px 0;
}
.case_picshow li:nth-child(1) .video_play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -33.5px;
    margin-top: -22.5px;
    width: 67px;
	opacity: 1;
}


.case_temp_450 li{
	width: 49% !important;
	height: 470px !important;
}
.case_temp_450 li:nth-child(1){
	width: 100% !important;
	height: auto !important;
}
.case_temp_450 li:nth-child(2n){
	margin: 0 2% 20px 0;
}
.case_temp_450 li:nth-child(2n-1){
	margin: 0 0 20px 0;
}



.case_temp_451 li{
	width: 32%;
	margin: 0 2% 20px 0;
}
.case_temp_451 li:nth-child(3),
.case_temp_451 li:nth-child(4),
.case_temp_451 li:nth-child(3n+1) {
	margin: 0 0 20px 0;
}
.case_temp_451 li:nth-child(8){
	float: none;
}
.case_temp_451 li:nth-child(10){
	margin: -310px 0 20px 0;
	width: 66%;
	height: 600px;
}



.case_temp_452 li{
	width: 32%;
	margin: 0 2% 20px 0;
}
.case_temp_452 li:nth-child(3),
.case_temp_452 li:nth-child(4),
.case_temp_452 li:nth-child(3n+1) {
	margin: 0 0 20px 0;
}
.case_temp_452 li:nth-child(5){
	float: none;
}
.case_temp_452 li:nth-child(7){
	margin: -310px 0 20px 0;
	width: 66%;
	height: 600px;
}



.case_temp_733 li:nth-child(3),
.case_temp_733 li:nth-child(4){
	height: 290px !important;
}
.case_temp_733 li{
	margin: 0 2% 20px 0 !important;
}
.case_temp_733 li:nth-child(3n){
	margin: 0 0 20px 0 !important;
}



.case_temp_453 li:nth-child(8) {
    height: 600px;
    width: 66%;
    margin: 0 2% 20px 0;
}
.case_temp_453 li:nth-child(3),
.case_temp_453 li:nth-child(4),
.case_temp_453 li:nth-child(9),
.case_temp_453 li:nth-child(3n+1) {
	margin: 0 0 20px 0;
}
.case_temp_453 li{
    margin: 0 2% 20px 0;
}



.case_temp_457 li,
.case_temp_457 li:nth-child(5),
.case_temp_457 li:nth-child(6),
.case_temp_457 li:nth-child(7),
.case_temp_457 li:nth-child(8),
.case_temp_457 li:nth-child(9),
.case_temp_457 li:nth-child(10){
	height: 295px;
	width: 32%;
	margin: 0 2% 20px 0;
}
.case_temp_457 li:nth-child(1){
	height: auto;
}
.case_temp_457 li:nth-child(3){
	height: 610px;
}
.case_temp_457 li:nth-child(4),
.case_temp_457 li:nth-child(7),
.case_temp_457 li:nth-child(10){
	margin: 0 2% 20px 0;
	height: 295px;
}
.case_temp_457 li:nth-child(3n){
	margin: 0 0 20px 0;
}

.case_temp_458 li:nth-child(2){
	width: 49%;
	height: 900px;
}
.case_temp_458 li:nth-child(3),
.case_temp_458 li:nth-child(4){
	width: 49%;
	height: 440px;
}


.case_temp_459 li,
.case_temp_459 li:nth-child(7),
.case_temp_459 li:nth-child(10){
	width: 32%;
	margin: 0 2% 20px 0;
	height: 295px !important;
}
.case_temp_459 li:nth-child(1){
	height: auto !important;
}
.case_temp_459 li:nth-child(2){
	height: 295px;
}
.case_temp_459 li:nth-child(3n){
	margin: 0 0 20px 0;
}



.case_temp_474 li{
	width: 32%;
	margin: 0 2% 20px 0;
}
.case_temp_474 li:nth-child(3n) {
	margin: 0 0 20px 0;
	height: 295px;
}
.case_temp_474 li:nth-child(3n+1){
	margin: 0 2% 20px 0;
	height: 295px;
}
.case_temp_474 li:nth-child(3){
	margin: 0 0 20px 0;
	height: 610px;
}
.case_temp_474 li:nth-child(5),
.case_temp_474 li:nth-child(6),
.case_temp_474 li:nth-child(7),
.case_temp_474 li:nth-child(8),
.case_temp_474 li:nth-child(9),
.case_temp_474 li:nth-child(10){
	height: 295px;
}
.case_temp_474 li:nth-child(1){
	height: auto;
}


.case_temp_474 li:nth-child(7){
	float: none;
}
.case_temp_474 li:nth-child(9){
	margin: -310px 0 20px 0;
	width: 66%;
	height: 605px;
}


.case_temp_723 li:nth-child(5){
	width: 66%;
}
.case_temp_723 li:nth-child(6){
	margin: 0 0 20px 0;
}

.case_temp_723 li{
	width: 32%;
	height: 290px;
	margin: 0 2% 20px 0;
}
.case_temp_723 li:nth-child(7),
.case_temp_723 li:nth-child(10){
	margin: 0 2% 20px 0;
}
.case_temp_723 li:nth-child(4),
.case_temp_723 li:nth-child(3n){
	margin: 0 0 20px 0;
}








.case_video{
	width: 60%;
	margin: 0 auto;
	padding: 100px 2% 0 2%;
}
.case_video img{
	width: 100%;
}
.case_video li{
	display: block;
	line-height: 34px;
	font-size: 24px;
	width: 60%;
	margin: 0 0 100px 0;
}
.case_video li .video_area{
	position: relative;
	cursor: pointer;
}
.case_video li .video_play{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -33.5px;
	margin-top: -22.5px;
	width: 67px;
}
.case_video li:nth-child(2n){
	float: right;
}
.case_picshow li:nth-child(1) video,
.case_video li video{
	position: fixed;
	width: 60%;
	left: 20%;
	top: 10%;
	z-index: 999999;
	outline: none;
	border: none;
	max-height: 90%;
	display: none;
}


.case_link{
	padding: 70px 0 100px 0;
	background: url("../images/bg_case_link.png") center #eaeae9;
}
.case_link ul{
	width: 85%;
	padding: 0 0 0 5%;
	margin: 0 auto;
}
.case_link ul li{
	display: block;
	margin: 0 0 135px 0;
	position: relative;
}
.case_link ul li .year_big{
	position: absolute;
	left: -5%;
	margin-left: -50px;
	top: 0;
	margin-top: 66px;
	font-size: 36px;
	line-height: 36px;
	transform: rotate(90deg);
	font-family: "Futura LT Bold";
}
.case_link ul li .text{
	width: 50%;
	float: left;
}
.case_link ul li:nth-child(2n) .text{
	width: 50%;
	float: right;
	text-align: justify;
}
.case_link ul li:last-child{
	margin: 0;
}
.case_link ul li .text .date{
	font-size: 28px;
	margin: 0 0 20px 0;
	color: #231815;
	font-family: "Futura LT Bold";
}
.case_link ul li .text .title_area{
	font-size: 58px;
	line-height: 70px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-family: "wendingcsdahei";
}
.case_link ul li .text .link_arrow{
	margin: 20px 0 0 0;
	width: 165px;
	height: 38px;
	background: url("../images/arrow_detail.png") center no-repeat;
	background-size: contain;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_link ul li .text .link_arrow:hover{
	background: url("../images/arrow_detail_1.png") center no-repeat;
	background-size: contain;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_link ul li .text .link_arrow img{
	width: 100%;
}
.case_link ul li .pic{
	width: 35%;
	margin: 0 0 30px 0;
}

.sidebar{
	width: 65px;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -104px;
	background: #f3e926;
	z-index: 99999;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.sidebar li{
	width: 59%;
	display: block;
	margin: 0 auto;
	border-bottom: 2px solid #000;
	cursor: pointer;
	padding: 11px 0;
	position: relative;
}
.sidebar li:last-child{
	border: none;
}
.sidebar li:last-child img{
	background: url("../images/icon_ch_2.png") center no-repeat;
	background-size: contain;
}
.sidebar li:last-child:hover img{
	background: url("../images/icon_ch_1.png") center no-repeat;
	background-size: contain;
}
.sidebar li img{
	width: 100%;
	display: block;
}
.sidebar li a{
	display: block;
	padding: 11px 0;
	background: #f3e926;
}
.sidebar li:last-child a{
	position: relative;
	z-index: 9999999;
}
.sidebar li:last-child .otherlan{
	position: absolute;
	left: 0;
	top: 0;
	width: 132px;
	padding: 22px 0;
	background: #f3e926;
	z-index: 9999;
	opacity: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.sidebar li:last-child:hover .otherlan{
	opacity: 1;
	left: -132px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.sidebar li:last-child .otherlan img{
	background: none;
	width: 38px;
	margin: 0 13px;
}
.sidebar li:last-child .otherlan a{
	float: left;
	padding: 0;
}
.sidebar li:last-child .otherlan a:nth-child(2){
	border-left: 2px solid #000;
}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center; vertical-align: middle;}
#baguetteBox-overlay .full-image figure{display:inline-block;position: relative; margin:0; max-height: 100%; height: 60%;vertical-align: middle;}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:100%;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.full-image figure:before{
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/watermark.png") bottom 40px right 45px no-repeat;
	background-size: 230px;
}



.close{
	position: fixed;
	right: 1%;
	top: 30px;
	z-index: 9999999;
	border: 3px solid #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	opacity: .5;
	cursor: pointer;
	display: none;
}
.close:after{
	width: 24px;
	height: 3px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transform: rotate(45deg);
	left: 3px;
	top: 13px;
}
.close:before{
	width: 24px;
	height: 3px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	transform: rotate(-45deg);
	left: 3px;
	top: 13px;
}
.mask{
	display: none;
	background: #000;
	opacity: 0.7;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
}



.banner_area{
	position: relative;
}
.banner_area .swiper_button_prev{
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 9999;
	cursor: url("../images/arrow_banner.png"),auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.banner_area .swiper_button_next{
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 9999;
	cursor: url("../images/arrow_banner_1.png"),auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.banner img{
	display: block;
	width: 100%;
}

.banner li{
	position: relative;
}
.banner .text{
	position: absolute;
	right: 7%;
	bottom: 25%;
	width: 0px;
	transition: width 1.5s;
	transition-timing-function: cubic-bezier(1,1,0,0);
	font-size: 80px;
	line-height: 80px;
	height: 80px;
	margin: 0 0 1% 0;
	padding: 8px 0 15px 0;
	font-family: "SourceHanSansCN-Bold";
	display: inline-block;
	color: #2c2c2c;
	overflow: hidden;
}
.banner .text2{
	bottom: 37%;
}
.banner .text p{
	position: absolute;
	right: 0;
	top: 0;
	word-break: keep-all;
	display: table;
	float: right;
	padding: 8px 65px 15px 65px;
	background: rgba(255,255,255,.6);
}
.banner .swiper-slide-active .text{
	width: 770px;
}

.recruit_home_bg{
	background: rgba(255,255,255,.75);
	width: 83%;
	position: absolute;
	bottom: 0;
	left: 8.5%;
	z-index: 9;
}
.recruit_home{
	color: #060504;
	width: 84%;
	margin: 0 auto;
}
.recruit_home .text span{
	display: block;
	font-size: 30px;
	line-height: 32px;
	margin: 0 0 15px 0;
	font-family: "fzltzh";
}
.recruit_home .text p{
	color: #060504;
	font-size: 21px;
	font-family: "fzltxhjw";
}
.recruit_home .right a{
	display: block;
	font-size: 24px;
	color: #060504;
	line-height: 71px;
	font-family: "fzltzh";
}
.recruit_home .right a span{
	display: inline-block;
	vertical-align: middle;
	background: url("../images/arrow_index.png") center no-repeat;
	background-size: contain;
	width: 96px;
	height: 33px;
	margin: -5px 0 0 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.recruit_home .right a span:hover{
	background: url("../images/arrow_index_1.png") center no-repeat;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.case_title_home_bg{
	overflow: hidden;
}
.case_title_home{
	width: 83%;
	margin: 0 auto;
	padding: 165px 0 20px 0;
}
.case_title_home .case_title_index{
	line-height: 32px;
	color: #060504;
	font-size: 32px;
	font-family: "SourceHanSansCN-Bold";
}
.case_title_home .case_title_index span{
	line-height: 20px;
	font-size: 20px;
	margin: 0 0 0 30px;
	font-family: "SourceHanSansCN-Light","思源黑体","微软雅黑";
}




.case_home_ul{
	width: 83%;
	margin: 0 auto;
}
.case_home_ul li{
	width: 31.333%;
	display: block;
	margin: 0 3% 3% 0;
	float: left;
	position: relative;
	overflow: hidden;
}
.case_home_ul li:nth-child(3n){
	margin: 0 0 3% 0;
}
.case_home_ul li .pic{
	height: 320px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.case_home_ul li .pic img{
	height: 100%;
	opacity: 0;
}

.case_home_ul li:hover .pic img{
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.case_home_ul li .textbg{
	position: absolute;
	bottom: 0;
	left: -130%;
	width: 120%;
	padding: 0 5%;
	height: 70px;
	line-height: 20px;
	opacity: .7;
	background: url("../images/case_text_bg.png") center right no-repeat;
	background-size: cover;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.case_home_ul li:hover .textbg{
	left: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.case_home_ul li .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	padding: 0 5%;
	height: 70px;
	line-height: 20px;
	opacity: 0;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.case_home_ul li:hover .text{
	opacity: 1;
	-moz-transition: 	all 1.3s;
	-webkit-transition: all 1.3s;
	-ms-transition: 	all 1.3s;
	-o-transition: 		all 1.3s;
	transition: 		all 1.3s;
}
.case_home_ul li .text p{
	font-size: 20px;
	margin: 4% 0 0 0;
	font-family: "SourceHanSansCN-Bold";
}
.case_home_ul li .text span{
	font-size: 12px;
	font-family: "SourceHanSansCN-Light";
}

.case_more_home{
	height: 148px;
	background: #e6e4e3;
	text-align: center;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.case_more_home:hover{
	background: #f3e926;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.case_more_home a{
	font-size: 17px;
	height: 148px;
	line-height: 190px;
	display: block;
	font-family: "SourceHanSansCN-Light";
	position: relative;
}
.case_more_home a:before{
	width: 32px;
	height: 32px;
	background: url("../images/case_more_home.png") center no-repeat;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -32px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
/*
.case_more_home a:hover:before{
	background: url("../images/case_more_home_1.png") center no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
*/
.clients{
	width: 62%;
	padding: 90px 19%;
	margin: 0 auto;
	position: relative;
}
.clientsul{
	position: unset;
}
.clients li{
	position: relative;
}
.clients li:after{
	position: absolute;
	width: 44px;
	height: 58px;
	background: url("../images/clogoge.png") center no-repeat;
	content: '';
	display: block;
	position: absolute;
	right: -50%;
	margin-right: 22px;
	top: 50%;
	margin-top: -29px;
	display: none;
}
.clients .swiper_button_prev{
	width: 50%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 9999;
	cursor: url("../images/arrow_cuslogo.png"),auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.clients .swiper_button_next{
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
	position: absolute;
	z-index: 9999;
	cursor: url("../images/arrow_cuslogo_1.png"),auto;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
/*
.clients .swiper_button_prev:hover{
	background: url("../images/arrow_cuslogo_1.png") center no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
*/

.numbercountbg{
	background: #ffea00;
}
.numbercount{
	max-width: 1200px;
	margin: 0 auto;
}
.numbercount li{
	display: block;
	float: left;
	width: 25%;
	text-align: center;
}
.numbercount li:last-child{
	margin: 0;
}
.numbercount li .icon{
	width: 80px;
	height: 70px;
	display: inline-block;
	vertical-align: middle;
}
.numbercount li:nth-child(1) .icon{ background: url("../images/count01.png") center no-repeat;}
.numbercount li:nth-child(2) .icon{ background: url("../images/count02.png") center no-repeat;}
.numbercount li:nth-child(3) .icon{ background: url("../images/count03.png") center no-repeat;}
.numbercount li:nth-child(4) .icon{ background: url("../images/count04.png") center no-repeat;}

.numbercount li .text{
	margin: 0 0 0 20px;
	display: inline-block;
	vertical-align: middle;
}
.numbercount li .text span{
	font-weight: 400;
	font-size: 43px;
	display: block;
	word-break: keep-all;
	line-height: 43px;
	color: #353431;
	font-family: "Futura LT Bold";
	font-weight: lighter;
}
.numbercount li .text p{
	font-size: 16px;
	word-break: keep-all;
	margin: 10px 0 0 0;
	font-family: "SourceHanSansCN-Light";
}


.case_home_video{}
.case_home_video_2{
	margin: 100px 0 0 0;
}
.case_home_video li{
	display: block;
}
.case_home_video li .pic{
	width: 100%;
}
.case_home_video li .bottom{
	width: 80%;
	margin: -150px auto 0 auto;
	z-index: 1;
	position: relative;
}
.case_home_video li .bottom .video{
	width: 46%;
}
.case_home_video li .bottom .video video{
	outline: none;
	display: none;
}
.case_home_video li .bottom .video .whychina_img{
	width: 100%;
}
.case_home_video li .bottom .text{
	width: 46%;
	margin: 13% 0 0 0;
	color: #090606;
}
.case_home_video li .bottom .text .date{
	font-size: 22px;
	margin: 0 0 20px 0;
	font-family: "Futura LT Bold";
}
.case_home_video li .bottom .text .intro{
	width: 48%;
	font-size: 19px;
	font-family: "wendingcsdahei";
	line-height: 22px;
	margin: 10px 0 0 0;
}
.case_home_video li .bottom .text .title_area{
	font-size: 42px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-family: "wendingcsdahei";
}
.case_home_video li .bottom .link_arrow{
	margin: 20px 0 0 0;
	width: 165px;
	height: 38px;
	background: url("../images/arrow_detail.png") center no-repeat;
	background-size: contain;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_home_video li .bottom .link_arrow:hover{
	background: url("../images/arrow_detail_1.png") center no-repeat;
	background-size: contain;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_home_video li .bottom .link_arrow img{
	width: 100%;
}
.case_home_video li .bottom .stext{
	font-size: 24px;
	line-height: 38px;
	margin: 20px 0 0 10px;
	font-family: "wendingcsdahei";
}




.servicebg{
	overflow: hidden;
	z-index: 1;
}
.bg_service{
	width: 100%;
	display: block;
}
.serviceul{
	margin: -275px 19% 0 0;
	width: 26%;
	padding: 3% 4%;
	background: #25282a;
	position: relative;
	z-index: 1;
}
.serviceul .service_title{
	font-size: 32px;
	font-family: "SourceHanSansCN-Bold";
	color: #fff;
	line-height: 32px;
	margin: 0 0 30px 0;
}
.serviceul li{
	display: block;
	width: 100%;
	margin: 17px 0 0 0;
}
.serviceul li .bt{
	font-size: 26px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
	position: relative;
	z-index: 1;
	color: #fff;
	width: 25%;
	font-family: "SourceHanSansOLD-Normal";
}
.serviceul li .ge{
	font-size: 26px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
	position: relative;
	z-index: 1;
	color: #fff;
	width: 2%;
	display: none;
	font-family: "SourceHanSansCN-Light";
}

/*
.serviceul li .bt:after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 17px;
	width: 0;
	height: 10px;
	background: #ffea00;
	z-index: -1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.serviceul li:hover .bt:after{
	width: 100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
*/
.serviceul li .text{
	width: 65%;
	font-size: 12px;
	color: #fff;
	line-height: 15px;
	font-weight: normal;
	margin: 2px 0 0 6%;
	font-family: "SourceHanSansCN-Light";
}





.news_title_home_bg{
	overflow: hidden;
}
.news_title_home{
	width: 83%;
	margin: 0 auto;
}
.news_title_home .news_title{
	line-height: 38px;
	font-size: 32px;
	font-family: "SourceHanSansCN-Bold";
}
.news{
	width: 83%;
	margin: 0 auto;
}
.news li{
	display: block;
	margin: 0 0 30px 0;
	position: relative;
}
.news li .pic{
	width: 29%;
}
.news li .pic img{
}
.news li .right{
	width: 66%;
	margin: 2.5% 0 0 0;
}
.news li .date{
	font-size: 25px;
	font-family: "Futura LT Bold";
	color: #5e5f60;
}
.news li .text{
	width: 100%;
	line-height: 72px;
	font-weight: normal;
	color: #060504;
	font-size: 45px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: "Futura Bk BT Book", "Futura LT Bold", "SourceHanSansCN-Bold";
}
.news li .newslabel{
	font-size: 23px;
	line-height: 36px;
	color: #060504;
	font-family: "fzltzh";
}
.news li .newslabel img{
	vertical-align: middle;
	margin: -3px 5px 0 0;
}
.news li .viewcase:hover{
	color: #ffea00;
}
.news li .viewcase{
	font-size: 20px;
	margin: 10px 0 0 0;
	display: block;
	font-family: "SourceHanSansCN-Normal";
}

.footerbg{
	overflow: hidden;
	margin: 0 0 0 0;
	font-family: "SourceHanSansCN-Light";
}
.footerbg1{
	background: #ebeced;
	height: 140px;
}
.footerbg2{
	background: #27282a;
	height: 226px;
}
.footer{
	max-width: 1200px;
	height: 236px;
	background: #ffea00;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
.footer:after{
	width: 10000px;
	position: absolute;
	height: 236px;
	background: #ffea00;
	z-index: -2;
	left: 0;
	top: 0;
	content: '';
	display: block;
}
.fleft{
	width: 33.333%;
}
.footer .fleft .flogo{
	width: 120px;
}
.footer .fleft .ftext{
	font-size: 24px;
	line-height: 40px;
	color: #4b4e53;
	margin: 20px 25px;
}
.title_footer{
	padding: 25px;
	font-size: 21px;
	color: #4b4e53;
	line-height: 18px;
	font-weight: normal;
}
.fmessage{
	width: 33.333%;
}
.fmessageform{
	padding: 18px;
	background: #565a60;
}
.fmessageform input[type="text"]{
	padding: 0 5%;
	width: 65%;
	border: none;
	float: left;
	background: #fff;
	height: 35px;
	font-size: 14px;
	color: #4b4e53;
}
.fmessageform input.fcontent{
	padding: 25px 5% 10px 5%;
	margin: 27px 0 0 0;
}
.fmessageform input.fsbut{
	width: 20%;
	float: right;
	height: 70px;
	margin: 27px 0 0 0;
	border: none;
	background: #ffea00;
	font-size: 18px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-appearance:button;
}
.fmessageform input.fsbut:hover{
	background: #4b4e53;
	cursor: pointer;
	color: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
input{ border-radius: 0;}

.finfo{
	width: 33.333%;
}
.finfotext{
	background: #aba230;
	padding: 18px 20px;
	color: #fff;
	height: 154px;
	font-size: 16px;
	line-height: 28px;
	position: relative;
	font-family: "微软雅黑";
}
.finfotext:after{
	width: 10000px;
	position: absolute;
	height: 190px;
	background: #aba230;
	z-index: -1;
	left: 100%;
	top: 0;
	content: '';
	display: block;
}
.finfotext a{
	color: #fff;
	font-size: 16px;
}
.finfotext a:hover{
	text-decoration: underline;
}
.finfotext p{
	padding: 0 0 0 46px;
	margin: 0 0 22px 0;
	line-height: 22px;
	position: relative;
}
.finfotext p:last-child{
	margin: 0;
}
.finfotext p:before{
	width: 30px;
	height: 28px;
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}
.finfotext p:nth-child(1):before{
	background: url("../images/icon_fcontact_1.png") center no-repeat;
}
.finfotext p:nth-child(2):before{
	background: url("../images/icon_fcontact_2.png") center no-repeat;
}
.finfotext p:nth-child(3):before{
	background: url("../images/icon_fcontact_3.png") center no-repeat;
}



.fbottom{
	max-width: 1200px;
	margin: 0 auto;
}
.fbottom .fmenu{
	width: 66.666%;
}
.fbottom .fmenu li{
	display: block;
	float: left;
	line-height: 100px;
	margin: 0 5% 0 0;
}
.fbottom .fmenu li a{
	color: #a1a1a1;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.fbottom .fmenu li:hover a{
	color: #ffea00;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.fbottom .cr{
	width: 30.333%;
	padding: 32px 0 32px 3%;
	color: rgb(200, 200, 100);
	font-size: 12px;
	line-height: 22px;
	background: rgba(251, 240, 21, 0.45);
	position: relative;
	z-index: 1;
}
.fbottom .cr:after{
	width: 10000px;
	position: absolute;
	height: 100%;
	background: rgba(251, 240, 21, 0.45);
	z-index: -1;
	left: 100%;
	top: 0;
	content: '';
	display: block;
}
.fbottom .cr a{
	color: rgb(200, 200, 100);
	font-size: 12px;
}



/*-------------------------------至此----------------------------------------*/
.searchbody{
	background: #404147;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	font-family: "SourceHanSansCN-Bold";
}
.searcharea{
	position: absolute;
	width: 83%;
	top: 30%;
	left: 8.5%;
}
.searcharea h1{
	font-size: 76px;
	line-height: 76px;
}
.searcharea h1 span{
	font-size: 38px;
	margin: 0 0 0 2%;
}
.searchform{
	position: relative;
	margin: 50px 0 0 0;
}
.searchform .stext{
	width: 89%;
	padding: 0 10% 0 1%;
	height: 80px;
	font-size: 30px;
	border: none;
}
.searchform .sbut{
	width: 90px;
	height: 80px;
	background: url("../images/icon_search.png") #f3e926 center no-repeat;
	background-size: 60px;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	cursor: pointer;
}

.searchbottom{
	position: absolute;
	width: 83%;
	bottom: 3%;
	left: 8.5%;
}
.searchbottom a img{
	height: 24px;
	vertical-align: middle;
	margin: -3px 0 0 0;
}
.searchbottom a:first-child{
	font-family: "SourceHanSansCN-Bold";
}
.searchbottom a{
	font-size: 24px;
	margin: 0 10px 0 0;
	line-height: 24px;
	color: #fff;
	font-family: "Futura LT Bold";
	text-transform: uppercase;
}
.searchbottom a.this,
.searchbottom a:hover{
	color: #f3e926;
}


.searchclose{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999999;
	width: 50px;
	height: 50px;
	background: #f3e926;
}
.searchclose:after{
	width: 30px;
	height: 5px;
	border-radius: 2.5px;
	background: #030363;
	position: absolute;
	display: block;
	content: '';
	transform: rotate(45deg);
	left: 50%;
	margin-left: -14px;
	top: 50%;
	margin-top: -4px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.searchclose:before{
	width: 30px;
	height: 5px;
	border-radius: 2.5px;
	background: #030363;
	position: absolute;
	display: block;
	content: '';
	transform: rotate(-45deg);
	left: 50%;
	margin-left: -14px;
	top: 50%;
	margin-top: -4px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.searchclose:hover:after{
	transform: rotate(225deg);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.searchclose:hover:before{
	transform: rotate(135deg);
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.searchkey{
	margin: 20px 0 0 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.searchkey a{
	font-size: 22px;
	line-height: 30px;
	color: #fff;
/*
	width: 9.09%;
	float: left;
	display: block;
*/
}



.keywordbody{
	background: #404147;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.keywordarea{
	width: 75%;
}
.keywordarea h1{
	font-size: 76px;
	line-height: 76px;
	text-align: center;
	font-family: "SourceHanSansCN-Bold";
}


.keywordul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 6% 0 0 0;
}
.keywordul li{
	display: block;
	line-height: 90px;
	margin: 0 1%;
}
.keywordul li a{
	font-size: 40px;
	display: block;
	color: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.keywordul li:hover a{
	color: #f3e926;
	font-style: italic;
}











.ncaseul{
	width: 83%;
	margin: 100px auto 0 auto;
	padding: 100px 0 60px 0;
}
.ncaseul li{
	display: block;
	float: left;
	margin: 0 2% 4% 0;
	position: relative;
}
.ncaseul .xh{
	display: none;
}
.ncaseul .xh:nth-child(1),
.ncaseul .xh:nth-child(2){
	display: block;
}
.ncaseul .xh li .pic{
	height: 238px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ncaseul .xh li .pic img{
	height: 100%;
	opacity: 0;
}
.ncaseul .xh li:nth-child(1) .pic,
.ncaseul .xh li:nth-child(7) .pic,
.ncaseul .xh li:nth-child(9) .pic{
	height: auto;
}

.ncaseul .xh li .text{
	width: 100%;
	line-height: 20px;
	padding: 10% 0 0 0;
}
.ncaseul .xh li .text .title{
	font-size: 18px;
	font-family: "SourceHanSansOLD-Normal";
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ncaseul .xh li .text .ftitle{
	font-size: 20px;
	font-family: "SourceHanSansCN-Bold";
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
	line-height: 20px;
}
.ncaseul .xh li .text .case_cate{
	font-size: 12px;
	font-family: "SourceHanSansOLD-Normal";
	margin: 0 0 0 0;
	line-height: 20px;
}



.ncaseul .xh li:nth-child(1),
.ncaseul .xh li:nth-child(9){ width: 49%; margin: 0 2% 4% 0;}

.ncaseul .xh li:nth-child(2),
.ncaseul .xh li:nth-child(5),
.ncaseul .xh li:nth-child(6),
.ncaseul .xh li:nth-child(10){ width: 23.5%; margin: 0 2% 4% 0;}

.ncaseul .xh li:nth-child(3),
.ncaseul .xh li:nth-child(11){ width: 23.5%; margin: 0 0 4% 0;}

.ncaseul .xh li:nth-child(4){ /* clear: both; */ }

.ncaseul .xh li:nth-child(7){ width: 49%; margin: 0 0 4% 0;}




.ncaseul .xh li:nth-child(1) .text,
.ncaseul .xh li:nth-child(7) .text,
.ncaseul .xh li:nth-child(9) .text{
	position: absolute;
	bottom: 0;
	left: 0;
	line-height: 30px;
	padding: 4% 4%;
	width: 94%;
	background: rgba(255,255,255,.5);
}






.case_cate_bottom{
	padding: 100px 0 150px 0;
	text-align: center;
}
.case_cate_bottom a{
	font-size: 46px;
	padding: 10px 50px;
	border: 3px solid #292c2a;
	color: #030000;
	margin: 0 30px 0 0;
	font-family: "wendingcsdahei";
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_cate_bottom a:last-child{
	margin: 0;
}
.case_cate_bottom a.this,
.case_cate_bottom a:hover{
	border-color: #eada32;
	background: #eada32;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}



.abouttop{
	font-size: 46px;
	line-height: 60px;
	font-family: "SourceHanSansCN-Bold";
	text-align: center;
	font-weight: bold;
	margin: 250px auto 150px auto;
}

.picabout{
	position: relative;
}
.picabout .text{
	position: absolute;
	width: 90%;
	top: 8%;
	left: 5%;
	z-index: 1;
}
.picabout .text img{
	max-width: 346px;
	width: 20%;
}
.picabout .text .con{
	width: 50%;
	font-size: 18px;
	color: #505050;
	line-height: 32px;
	font-family: "SourceHanSansCN-Bold";
	font-weight: bold;
	margin: -9px 0 0 0;
}
.picabout .text .con p{
	margin: 0 0 0 0;
}


.nabout_title{
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
	color: #26272a;
	text-align: center;
	font-family: "SourceHanSansCN-Bold";
}
.nabout .nabout_title{
	padding: 0 0 0 30px;
}
.nabout_title p{
	font-size: 24px;
	padding: 0 30px 0 0;
}

.whychina video{
	outline: none;
	display: none;
}
.whychina .whychina_img{
	width: 100%;
}


.aboutadv .nabout_title{
	padding: 0;
}
.aboutadv{
	width: 82%;
	margin: 0 auto;
	position: relative;
}
.aboutadv li{
	display: block;
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
}
.aboutadv li .text{
	position: absolute;
	padding: 8.5%;
	width: 83%;
	left: 0;
	top: -100%;
	z-index: 9;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.aboutadv li:hover .text{
	top: 0;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.aboutadv li:after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: -100%;
	z-index: 8;
	background: rgba(255,255,255,.7);
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.aboutadv li:hover:after{
	top: 0;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-ms-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.aboutadv li:nth-child(3) .text,
.aboutadv li:nth-child(4) .text{
	position: absolute;
	padding: 8.5%;
	width: 83%;
	left: 0;
	top: auto;
	bottom: 100%;
}
.aboutadv li:nth-child(3):hover .text,
.aboutadv li:nth-child(4):hover .text{
	bottom: 0;
}
.aboutadv li .text span{
	font-size: 30px;
	display: block;
	margin: 0 0 15px 0;
	font-family: "SourceHanSansCN-Bold";
}
.aboutadv li .text p{
	font-size: 20px;
	line-height: 35px;
	color: #595757;
	font-family: "SourceHanSansCN-Light";
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.about_adv_cir{
	position: absolute;
	width: 25%;
	left: 37.5%;
	top: 50%;
	margin-top: -9%;
	z-index: 9;
}

.menu>li{
	position: relative;
	cursor: pointer;
}
.menu>li>ul{
	position: absolute;
	left: 0;
	top: 34px;
	line-height: 44px;
	width: 100%;
	display: table;
	padding: 30px 0 0 0;
	text-align: center;
	display: none;
}
.menu>li>ul li{
	float: none;
	background: rgba(255,255,255,.7);
	margin: 0 0 0 50px;
}
.menu>li>ul li a{
	display: block;
	font-size: 22px;
	padding: 0;
	line-height: 44px;
	float: none;
	border-bottom: none;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	letter-spacing: 0;
	-webkit-text-stroke: 1px #000;
	-moz-text-stroke: 1px #000;
	-ms-text-stroke: 1px #000;
	-o-text-stroke: 1px #000;
	text-stroke: 1px #000;
}
.menu>li>ul li:last-child a{
	border-bottom: none;
}
.menu>li>ul li:hover a{
	display: block;
	color: #fff;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}



.menu>li ul li:hover>a{
	color: rgba(255,255,255,0);
	/*
	text-shadow:
		2px 0 0 #000, 0 2px 0 #000,
		0 -2px 0 #000, -2px 0 0 #000,
		2px 2px 0 #000, 2px 2px 0 #000,
		2px -2px 0 #000, -2px 2px 0 #000;*/
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}



.ceointrobg{
	background: #c4c4c4;
	margin: 0 0 0 0;
}
.ceointro{
	background: #fff;
	margin: 0 auto;
	width: 87%;
}
.ceotext{
	text-align: right;
	font-size: 22px;
	line-height: 40px;
	padding: 15px 70px 0 0;
}


.dectext{
	text-align: center;
	font-family: "SourceHanSansCN-Normal";
	padding: 140px 4% 1000px 4%;
	color: #fff;
	font-size: 16px;
	line-height: 36px;
	font-weight: normal;
	background: url(../images/Smart-Object2_01.jpg) #f3f3f3 center bottom no-repeat;
	background-size: cover;
}
.dectext h1{
	font-size: 48px;
	font-weight: normal;
	margin: 0 0 50px 0;
}


.creativework{
	padding: 375px 0 0 0;
	height: 619px;
	background: url(../images/work-banner.jpg) center no-repeat;
	background-size: cover;
	color: #414146;
	text-align: center;
	font-size: 28px;
	line-height: 50px;
	font-weight: normal;
	font-family: "SourceHanSansCN-Normal";
}

.creativework .nabout_title{
	margin: 0 0 30px 0;
	font-size: 76px;
}

.work_body{
	max-width: 100%;
	margin: 0 auto;
	display: block;
}

.work_line{
	background: #ebeced;
	margin: 180px 0 0 0;
	position: relative;
	font-family: "SourceHanSansCN-Normal";
}
.work_line h1{
	float: right;
	width: 34%;
	padding: 19% 8% 0 8%;
	font-size: 70px;
	font-family: "SourceHanSansCN-Bold";
}
.work_line_2 h1{
	float: left;
	text-align: right;
}
.work_line h1 p{
	font-size: 28px;
	margin: 30px 0 0 0;
	font-family: "SourceHanSansCN-Normal";
	font-weight: normal;
}
.work_line li{
	display: block;
	float: left;
	margin: 0 0.2% 0.2% 0;
	width: 49.9%;
}
.work_line li:last-child{
	margin: 0;
}
.work_line_1 li:nth-child(2n){
	margin: 0 0 0.2% 0;
}
.work_line_2 li:nth-child(2n){
	margin: 0 0 0.2% 0;
}
.work_line_1 li:nth-child(3),
.work_line_2 li:nth-child(3){
	margin: 0 0.2% 0 0;
}
.work_line_1 li:nth-child(4),
.work_line_2 li:nth-child(4){
	margin: 0;
}

.work_line_1 ul{
	width: 50%;
	float: left;
	background: #fff;
}
.work_line_2 ul{
	width: 50%;
	float: right;
	background: #fff;
}
.work_line_2{
	border: none;
	margin: 180px 0 0 0;
}

.besculture video{
	outline: none;
	display: none;
}
.besculture .besculture_img,
.besculture .besculture_1_img,
.besculture .besculture_2_img{
	width: 100%;
	display: block;
}



.nrecruitbg .nabout_title{
    font-family: 'Futura LT Bold';
	font-size: 55px;
	line-height: 86px;
}
.nrecruitbg{
	background: url("../images/jobs-banner.jpg") #f7f7f7 center top no-repeat;
	padding: 400px 0 40px 0;
	border-bottom: 2px solid #e5e5e5;
}
.nrecruit{
	width: 80%;
	background: #fff;
	margin: 140px auto 0 auto;
	padding: 3%;
	font-family: "微软雅黑";
	font-weight: normal;
}
.nrecruit h1{
	font-weight: bold;
	color: #4b4e53;
	font-size: 38px;
	margin: 0 0 20px 0;
    font-family: 'Futura LT Bold';
}
.nrecruit .knus{
	width: 45%;
	font-size: 24px;
    line-height: 42px;
    color: #797979;
}
.nrecruit .awards{
	width: 45%;
	font-size: 24px;
    line-height: 42px;
    color: #797979;
}

.jobbg{
	background: #f7f7f7;
}
.jobul{
	padding: 80px 0 150px 0;
	margin: 0 auto;
	width: 80%;
	font-family: "微软雅黑";
	font-weight: normal;
	border-bottom: 4px solid #e5e5e5;
	position: relative;
	min-height: 484px;
}
.jobul .tabs{
	width: 25%;
}
.jobul .tabs li{
	display: block;
	line-height: 26px;
	background: #fff;
	cursor: pointer;
	padding: 20px 0 20px 10%;
}
.jobul .tabs li.thistab{
	background: url("../images/arrow-rm-1.png") #ffea00 center right 35px no-repeat;
	background-size: 18px;
}

.jobul .tab_conbox{
	width: 65%;
}
.jobul .tab_conbox li{
}
.jobul .tab_con{
	display: block;
	padding: 5%;
	border: 3px solid #e5e5e5;
	background: #fff;
	position: relative;
	z-index: 1;
	font-size: 16px;
	color: #383735;
	line-height: 28px;
	min-height: 675px;
}
.jobul .tab_con h1{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
.jobul .tab_con .condition{
	margin: 0 0 50px 0;
}
.jobul .tab_con .condition p{
}
.jobul .tab_con .request{
	margin: 0 0 0 0;
}
.rectext{
	width: 60%;
	padding: 0 5%;
	right: 0;
	top: 130px;
	position: absolute;
	color: #383735;
	line-height: 28px;
}
.rectext h1{
	font-weight: normal;
	font-size: 24px;
	margin: 20px 0 40px 0;
}


.sendemail{
	text-align: center;
	font-family: "微软雅黑";
	padding: 80px 0 0 0;
	line-height: 50px;
	color: #4b4e53;
}
.sendemail .nabout_title{
	font-family: "微软雅黑";
	color: #4b4e53;
	padding: 0;
	font-size: 50px;
}
.sendemail span{
	display: block;
	font-size: 24px;
	font-weight: normal;
}
.sendemail p{
	line-height: 22px;
}


.nservice{
	width: 80%;
	margin: 0 auto;
	padding: 300px 0 0 0;
}
.nservice .nabout_title{
	text-align: left;
	font-size: 55px;
	line-height: 66px;
}
.nservice .nabout_title p{
	text-align: left;
	font-weight: lighter;
    font-family: 'SourceHanSansCN-Light';
}
.nserviceul{
	margin: 80px 0 0 0;
}
.nserviceul li{
	float: left;
	display: block;
	width: 31.3%;
	margin: 0 2% 8% 0;
}
.nserviceul li:nth-child(3n){
	margin: 0 0 8% 0;
}
.nserviceul li .text{
	margin: 40px 0 0 0;
}
.nserviceul li .text span{
	font-size: 30px;
    font-family: 'SourceHanSansCN-Bold';
}
.nserviceul li .text p{
	font-size: 20px;
	margin: 20px 0 0 0;
	line-height: 36px;
    font-family: 'SourceHanSansCN-Light';
	font-weight: lighter;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
}



.ncontainer{
	margin: 160px 0 0 0;
}
.nnews{
	max-width: 1200px;
	margin: 0 auto 0 auto;
}
.nnews li{
	display: block;
	font-family: "微软雅黑";
	margin: 0 0 40px 0;
}
.nnews li:last-child{
	margin: 0;
}
.nnews li .text{}
.nnews li .text h3{
	color: #909090;
    margin: 15px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
}
.nnews li .text p{
	font-size: 16px;
	line-height: 22px;
	padding: 0 0 15px 0;
    border-bottom: 2px solid #e5e5e5;
    color: #909090;
}
.nnews li .text p a{
	font-size: 14px;
    color: #909090;
}
.nnews li .text p a:hover{
    color: #ffea00;
}
.nnews li .text p img{
	vertical-align: middle;
}
.nnews li .text p span{
	margin: 0 30px 0 0;
	text-transform: uppercase;
}
.nnews li .text .more{
	width: 121px;
	margin: 40px 0 0 0;
	padding: 0 0 0 15px;
	line-height: 42px;
	border: 2px solid #e5e5e5;
	position: relative;
}
.nnews li .text .more:after{
	display: block;
	content: '';
	position: absolute;
	width: 42px;
	height: 42px;
	right: 0;
	top: 0;
	background: url("../images/arrow-rm.png") center right -9px no-repeat;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.nnews li .text .more:hover:after{
	background: url("../images/arrow-rm.png") center right -69px no-repeat;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.page{
	max-width: 1200px;
	margin: 40px auto;
	font-family: "微软雅黑";
}
.page a{
	display: block;
	float: left;
	padding: 10px 15px;
	background: #b8bcc1;
	color: #fff;
	height: 23px;
	line-height: 23px;
	font-size: 20px;
    font-family: Arial;
}
.page a.thispage{
	background: #ffea00;
	color: #383735;
}
.page a.prp{
	margin: 0 5px 0 0;
}
.page a.ntp{
	margin: 0 0 0 5px;
}


.newscontainer{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	font-size: 14px;
    color: #909090;
	line-height: 22px;
}
.newscontainer p{
	position: relative;
}
.newscontainer img{
	max-width: 100%;
	height: auto !important;
}
.newscontainer video{
	width: 80%;
	outline: none;
	height: auto !important;
}
.newscontainer p .video_play{
	position: absolute;
	z-index: 999;
	left: 50%;
	top: 50%;
	margin-left: -33.5px;
    margin-top: -22.5px;
	cursor: pointer;
}




.nmap{
	max-width: 1200px;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
}
.nmap #map{
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -600px;
	margin-top: -250px;
}



.contact_title_home_bg{
	position: relative;
	z-index: 1;
}
.contact_title_home{
	max-width: 1200px;
	margin: -35px auto 0 auto;
}
.contact_title_home .contact_title{
	width: 138px;
	line-height: 70px;
	background: #ffea00;
	color: #4b4e53;
	font-size: 21px;
	text-align: center;
	position: relative;
}
.contact_title_home .contact_title:before{
	width: 1000px;
	height: 70px;
	background: #ffea00;
	opacity: .5;
	right: 0;
	top: 0;
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
}
.contact_title_home .contact_title:last-child{
	margin: 0 0 0 462px;
}
.contact_title_home .contact_title:last-child:before{
	display: none;
}

.contacttext{
	max-width: 1200px;
	margin: 0 auto 20px auto;
}
.nmessage{
	padding: 5% 5% 5% 0;
	width: 45%;
	margin: -35px 0 0 0;
	background: #dfdfdf;
	position: relative;
}
.nmessage:before{
	width: 1000px;
	position: absolute;
	height: 100%;
	right: 100%;
	bottom: 0;
	display: block;
	content: '';
	background: #dfdfdf;
}
.nmessage input[type="text"]{
	padding: 0 5%;
	width: 38%;
	border: none;
	height: 50px;
	float: left;
	background: #fff;
	font-size: 14px;
}
.nmessage input[type="text"].subject{
	width: 90%;
	margin: 15px 0;
}
.nmessage input[type="text"].name{
	margin: 0 4% 0 0;
}
.nmessage textarea{
	padding: 5%;
	width: 90%;
	border: none;
	height: 120px;
	background: #fff;
	font-size: 14px;
}

.nmessage input::-webkit-input-placeholder{ 	font-size: 14px; font-family: "微软雅黑";}
.nmessage input::-moz-input-placeholder{ 		font-size: 14px; font-family: "微软雅黑";}
.nmessage input::-ms-input-placeholder{ 		font-size: 14px; font-family: "微软雅黑";}
.nmessage textarea::-webkit-input-placeholder{ 	font-size: 14px; font-family: "微软雅黑";}
.nmessage textarea::-moz-input-placeholder{ 	font-size: 14px; font-family: "微软雅黑";}
.nmessage textarea::-ms-input-placeholder{ 		font-size: 14px; font-family: "微软雅黑";}
.nmessage input.code{ margin: 0 2% 0 0;}
.nmessage img{ float: left; height: 50px; margin: 0 2.5% 0 0;}
.nmessage .sbut{
	width: 138px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border: 2px solid #4b4e54;
    font-size: 14px;
	color: #4b4e53;
	font-weight: lighter;
	float: left;
	margin: 0 0 0 0;
	-webkit-appearance:none;
	border-radius: 0;
	background: #efefef;
	cursor: pointer;
}

.ncontact{
	padding: 5%;
	width: 40%;
	font-family: "微软雅黑";
	font-weight: normal;
	color: #383735;
}
.ncontact p{
	line-height: 22px;
	font-size: 16px;
}
.ncontact p span{
	display: block;
	font-size: 22px;
}
.ncontact h3{
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

.ncontact .naddress{
	padding: 0 0 0 65px;
	background: url("../images/address.png") top left no-repeat;
	background-size: 44px;
}
.ncontact .ntel{
	padding: 0 0 0 65px;
	background: url("../images/phone.png") top left no-repeat;
	background-size: 44px;
}
.ncontact .nemail{
	padding: 0 0 0 65px;
	background: url("../images/email.png") top left no-repeat;
	background-size: 44px;
}




.ncontact_case_title_bg .case_title_home_bg{
	overflow: hidden;
}
.ncontact_case_title_bg .case_title_home{
	max-width: 1200px;
	margin: 0 auto;
}
.ncontact_case_title_bg .case_title_home .case_title{
	width: 138px;
	line-height: 70px;
	background: #ffea00;
	color: #4b4e53;
	font-size: 21px;
	text-align: center;
	position: relative;
}
.ncontact_case_title_bg .case_title_home .case_title:before{
	width: 1000px;
	height: 70px;
	background: #ffea00;
	opacity: .5;
	right: 0;
	top: 0;
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
}
.ncontact_case_title_bg .case_title_home .case_title:after{
	width: 10000px;
	height: 4px;
	background: #dfdfdf;
	opacity: .5;
	left: 0;
	top: 50%;
	margin-top: -2px;
	display: block;
	content: '';
	position: absolute;
	z-index: -1;
}
.ncontact_case_title_bg .case_title_home a.more{
	display: block;
	line-height: 42px;
	text-align: center;
	margin: 14px 60px 0 0;
	background: #dfdfdf;
	color: #4b4e53;
	width: 76px;
	position: relative;
	font-weight: normal;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.ncontact_case_title_bg .case_title_home a.more:after{
	display: block;
	right: -60px;
	position: absolute;
	top: 0;
	width: 60px;
	height: 42px;
	content: '';
	background: url(../images/arrow-rm.png) #ffea00 right center no-repeat;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.ncontact_case_title_bg .case_title_home a.more:hover{
	background: #ffea00;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.ncontact_case_title_bg .case_title_home a.more:hover:after{
	background: url(../images/arrow-rm.png) #ffea00 right -60px center no-repeat;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}



.case_home_ul.ncontact_case_home_ul {
	max-width: 1200px;
	margin: 0 auto;
}
.case_home_ul.ncontact_case_home_ul  li{
	width: 23.12%;
	display: block;
	margin: 0 2.5% 3% 0;
	float: left;
	position: relative;
	overflow: hidden;
}
.case_home_ul.ncontact_case_home_ul  li:nth-child(4n){
	margin: 0 0 3% 0;
}
.case_home_ul.ncontact_case_home_ul  li .jx{
	position: absolute;
	width: 48px;
	height: 48px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_home_ul.ncontact_case_home_ul  li:hover .jx{
	opacity: 1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_home_ul.ncontact_case_home_ul  li .jx{
	text-transform: uppercase;
}
.case_home_ul.ncontact_case_home_ul  li:nth-child(1) .jx,
.case_home_ul.ncontact_case_home_ul  li:nth-child(2) .jx,
.case_home_ul.ncontact_case_home_ul  li:nth-child(3) .jx,
.case_home_ul.ncontact_case_home_ul  li:nth-child(4) .jx{ background: #29a27f;}
.case_home_ul.ncontact_case_home_ul  li:nth-child(5) .jx{ background: #795663;}
.case_home_ul.ncontact_case_home_ul  li:nth-child(6) .jx{ background: #29a27f;}
.case_home_ul.ncontact_case_home_ul  li:nth-child(7) .jx,
.case_home_ul.ncontact_case_home_ul  li:nth-child(8) .jx{ background: #7b9f95;}


.case_home_ul.ncontact_case_home_ul li .pic{
	height: auto;
}
.case_home_ul.ncontact_case_home_ul  li:hover .pic img{
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
	-moz-transform: 	scale(1.1);
	-webkit-transform: 	scale(1.1);
	-ms-transform: 		scale(1.1);
	-o-transform: 		scale(1.1);
	transform: 			scale(1.1);
}
.case_home_ul.ncontact_case_home_ul  li .text{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	padding: 0 6%;
	height: 50px;
	line-height: 35px;
	background: rgba(255, 255, 255, 0.9);
}
.case_home_ul.ncontact_case_home_ul  li .text p{
	position: relative;
	display: table;
	z-index: 1;
}
.case_home_ul.ncontact_case_home_ul  li .text p:after{
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 0;
	height: 10px;
	background: #ffea00;
	z-index: -1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.case_home_ul.ncontact_case_home_ul  li:hover .text p:after{
	width: 100%;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}


.whychina{
	position: relative;
}
.whychina .video_play{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -33.5px;
	margin-top: -22.5px;
	width: 67px;
	cursor: pointer;
}




.relacasebg{
	background: #070203;
}
.relacasebg .relacase{
	width: 80%;
	margin: 0 auto;
}
.relacasebg .relacase ul{
	margin: 0 0 50px 0;
}
.relacasebg .relacase li a{
	color: #fff;
}
.relacasebg .relacase li{
	width: 23%;
	display: block;
	float: left;
	margin: 0 0 0 1%;
}
.relacasebg .relacase li .pic{
	height: 245px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.relacasebg .relacase li .pic img{
	opacity: 0;
}
.relacasebg .relacase li.year{
	width: 4%;
	float: left;
	margin: 0;
	position: relative;
	height: 1px;
}
.relacasebg .relacase li.year a{
	font-size: 18px;
	word-break: keep-all;
	display: block;
	margin: 100px 0 0 -88px;
	transform: rotate(-90deg);
	position: absolute;
	width: 370%;
	text-align: right;
}




.backtop{
	width: 38px;
    height: 38px;
    display: block;
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: url(../images/back-top.png) #2f343a center no-repeat;
    z-index: 99999999;
    opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.backtop:hover {
    background: url(../images/back-top.png) #ffea00 center no-repeat;
    opacity: 1;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

















@media screen and (max-width: 2560px) {
	.case_home_ul li .pic{
		height: 420px;
	}
	.case_home_ul li .text,
	.case_home_ul li .textbg{
		height: 85px;
	}
	.ncaseul .xh li .pic{
		height: 320px;
	}
	.relacasebg .relacase li .pic{
		height: 300px;
	}


	/*----449----*/
	.case_temp_449 li:nth-child(2){
		height: 790px !important;
	}
	.case_temp_449 li:nth-child(3),
	.case_temp_449 li:nth-child(4){
		height: 385px !important;
	}
	.case_temp_449 li:nth-child(5),
	.case_temp_449 li:nth-child(6),
	.case_temp_449 li:nth-child(7),
	.case_temp_449 li:nth-child(8),
	.case_temp_449 li:nth-child(9),
	.case_temp_449 li:nth-child(10),
	.case_temp_449 li{
		height: 385px !important;
	}
	.case_temp_449 li:nth-child(1){
		height: auto !important;
	}



	/*----450----*/
	.case_temp_450 li{
		height: 600px !important;
	}

	/*----451----*/
	.case_temp_451 li:nth-child(2),
	.case_temp_451 li:nth-child(10){
		height: 790px !important;
	}
	.case_temp_451 li:nth-child(3),
	.case_temp_451 li:nth-child(4),
	.case_temp_451 li:nth-child(5),
	.case_temp_451 li:nth-child(6),
	.case_temp_451 li:nth-child(7),
	.case_temp_451 li:nth-child(8),
	.case_temp_451 li:nth-child(9),
	.case_temp_451 li{
		height: 385px !important;
	}
	.case_temp_451 li:nth-child(10){
		margin: -405px 0 20px 0;
	}
	.case_temp_451 li:nth-child(1){
		height: auto !important;
	}


	/*----452----*/
	.case_temp_452 li:nth-child(2),
	.case_temp_452 li:nth-child(7){
		height: 790px !important;
	}
	.case_temp_452 li:nth-child(3),
	.case_temp_452 li:nth-child(4),
	.case_temp_452 li:nth-child(5),
	.case_temp_452 li:nth-child(6){
		height: 385px !important;
	}
	.case_temp_452 li:nth-child(7){
		margin: -405px 0 20px 0;
	}
	.case_temp_452 li:nth-child(8),
	.case_temp_452 li:nth-child(9),
	.case_temp_452 li:nth-child(10),
	.case_temp_452 li{
		height: 385px !important;
	}
	.case_temp_452 li:nth-child(1){
		height: auto !important;
	}

	/*----453----*/
	.case_temp_453 li:nth-child(2),
	.case_temp_453 li:nth-child(8){
		height: 790px !important;
	}
	.case_temp_453 li:nth-child(3),
	.case_temp_453 li:nth-child(4),
	.case_temp_453 li:nth-child(5),
	.case_temp_453 li:nth-child(6),
	.case_temp_453 li:nth-child(3n+1),
	.case_temp_453 li{
		height: 385px !important;
	}
	.case_temp_453 li:nth-child(1){
		height: auto !important;
	}

	/*----457----*/
	.case_temp_457 li:nth-child(2),
	.case_temp_457 li:nth-child(3){
		height: 930px !important;
	}
	.case_temp_457 li{
		height: 385px !important;
	}
	.case_temp_457 li:nth-child(1){
		height: auto !important;
	}

	/*----733----*/
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 585px !important;
	}

	/*----458----*/
	.case_temp_458 li:nth-child(2){
		height: 1180px !important;
	}
	.case_temp_458 li:nth-child(3),
	.case_temp_458 li:nth-child(4){
		height: 580px !important;
	}
	.case_temp_458 li:nth-child(1){
		height: auto !important;
	}

	/*----459----*/

	.case_temp_459 li:nth-child(2),
	.case_temp_459 li:nth-child(3){
		height: 410px !important;
	}
	.case_temp_459 li:nth-child(1){
		height: auto !important;
	}

	/*----474----*/

	.case_temp_474 li{
		height: 385px !important;
	}
	.case_temp_474 li:nth-child(2),
	.case_temp_474 li:nth-child(3),
	.case_temp_474 li:nth-child(9){
		height: 790px !important;
	}
	.case_temp_474 li:nth-child(9){
		margin: -405px 0 20px 0;
	}
	.case_temp_474 li:nth-child(1){
		height: auto !important;
	}










}
@media screen and (max-width: 2300px) {
	.case_home_ul li .pic{
		height: 390px;
	}
	.ncaseul .xh li .pic{
		height: 290px;
	}

	/*----449----*/
	.case_temp_449 li:nth-child(2){
		height: 790px !important;
	}
	.case_temp_449 li:nth-child(3),
	.case_temp_449 li:nth-child(4){
		height: 385px !important;
	}
	.case_temp_449 li:nth-child(5),
	.case_temp_449 li:nth-child(6),
	.case_temp_449 li:nth-child(7),
	.case_temp_449 li:nth-child(8),
	.case_temp_449 li:nth-child(9),
	.case_temp_449 li:nth-child(10),
	.case_temp_449 li{
		height: 385px !important;
	}
	.case_temp_449 li:nth-child(1){
		height: auto;
	}



	/*----450----*/
	.case_temp_450 li{
		height: 600px !important;
	}

	/*----451----*/
	.case_temp_451 li:nth-child(2),
	.case_temp_451 li:nth-child(10){
		height: 790px !important;
	}
	.case_temp_451 li:nth-child(3),
	.case_temp_451 li:nth-child(4),
	.case_temp_451 li:nth-child(5),
	.case_temp_451 li:nth-child(6),
	.case_temp_451 li:nth-child(7),
	.case_temp_451 li:nth-child(8),
	.case_temp_451 li:nth-child(9),
	.case_temp_451 li{
		height: 385px !important;
	}
	.case_temp_451 li:nth-child(10){
		margin: -405px 0 20px 0;
	}
	.case_temp_451 li:nth-child(1){
		height: auto !important;
	}


	/*----452----*/
	.case_temp_452 li:nth-child(2),
	.case_temp_452 li:nth-child(7){
		height: 790px !important;
	}
	.case_temp_452 li:nth-child(3),
	.case_temp_452 li:nth-child(4),
	.case_temp_452 li:nth-child(5),
	.case_temp_452 li:nth-child(6){
		height: 385px !important;
	}
	.case_temp_452 li:nth-child(7){
		margin: -405px 0 20px 0;
	}
	.case_temp_452 li:nth-child(8),
	.case_temp_452 li:nth-child(9),
	.case_temp_452 li:nth-child(10),
	.case_temp_452 li{
		height: 385px !important;
	}
	.case_temp_452 li:nth-child(1){
		height: auto !important;
	}

	/*----453----*/
	.case_temp_453 li:nth-child(2),
	.case_temp_453 li:nth-child(8){
		height: 790px !important;
	}
	.case_temp_453 li:nth-child(3),
	.case_temp_453 li:nth-child(4),
	.case_temp_453 li:nth-child(5),
	.case_temp_453 li:nth-child(6),
	.case_temp_453 li:nth-child(3n+1),
	.case_temp_453 li{
		height: 385px !important;
	}
	.case_temp_453 li:nth-child(1){
		height: auto !important;
	}

	/*----733----*/
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 585px !important;
	}
	/*----457----*/
	.case_temp_457 li:nth-child(2),
	.case_temp_457 li:nth-child(3){
		height: 930px !important;
	}
	.case_temp_457 li{
		height: 385px !important;
	}
	.case_temp_457 li:nth-child(1){
		height: auto !important;
	}

	/*----458----*/
	.case_temp_458 li:nth-child(2){
		height: 1180px !important;
	}
	.case_temp_458 li:nth-child(3),
	.case_temp_458 li:nth-child(4){
		height: 580px !important;
	}
	.case_temp_458 li:nth-child(1){
		height: auto !important;
	}

	/*----459----*/

	.case_temp_459 li:nth-child(2),
	.case_temp_459 li:nth-child(3){
		height: 410px !important;
	}
	.case_temp_459 li:nth-child(1){
		height: auto !important;
	}

	/*----474----*/

	.case_temp_474 li{
		height: 385px !important;
	}
	.case_temp_474 li:nth-child(2),
	.case_temp_474 li:nth-child(3),
	.case_temp_474 li:nth-child(9){
		height: 790px !important;
	}
	.case_temp_474 li:nth-child(9){
		margin: -405px 0 20px 0;
	}
	.case_temp_474 li:nth-child(1){
		height: auto !important;
	}
	.relacasebg .relacase li .pic{
		height: 250px;
	}

}
@media screen and (max-width: 1920px) {
	.case_home_ul.ncontact_case_home_ul li .pic{
		height: 177px;
	}
	.case_home_ul li .text,
	.case_home_ul li .textbg{
		height: 70px;
	}
	.ncaseul .xh li .pic{
		height: 238px;
	}

	/*----449----*/
	.case_temp_449 li:nth-child(2){
		height: 600px !important;
	}
	.case_temp_449 li:nth-child(3),
	.case_temp_449 li:nth-child(4){
		height: 290px !important;
	}
	.case_temp_449 li:nth-child(5),
	.case_temp_449 li:nth-child(6),
	.case_temp_449 li:nth-child(7),
	.case_temp_449 li:nth-child(8),
	.case_temp_449 li:nth-child(9),
	.case_temp_449 li:nth-child(10),
	.case_temp_449 li{
		height: 290px !important;
	}
	.case_temp_449 li:nth-child(1){
		height: auto !important;
	}



	/*----450----*/
	.case_temp_450 li{
		height: 425px !important;
	}

	/*----451----*/
	.case_temp_451 li:nth-child(2),
	.case_temp_451 li:nth-child(10){
		height: 600px !important;
	}
	.case_temp_451 li:nth-child(3),
	.case_temp_451 li:nth-child(4),
	.case_temp_451 li:nth-child(5),
	.case_temp_451 li:nth-child(6),
	.case_temp_451 li:nth-child(7),
	.case_temp_451 li:nth-child(8),
	.case_temp_451 li:nth-child(9),
	.case_temp_451 li{
		height: 290px !important;
	}
	.case_temp_451 li:nth-child(10){
		margin: -310px 0 20px 0;
	}
	.case_temp_451 li:nth-child(1){
		height: auto !important;
	}


	/*----452----*/
	.case_temp_452 li:nth-child(2),
	.case_temp_452 li:nth-child(7){
		height: 600px !important;
	}
	.case_temp_452 li:nth-child(3),
	.case_temp_452 li:nth-child(4),
	.case_temp_452 li:nth-child(5),
	.case_temp_452 li:nth-child(6){
		height: 290px !important;
	}
	.case_temp_452 li:nth-child(7){
		margin: -310px 0 20px 0;
	}
	.case_temp_452 li:nth-child(8),
	.case_temp_452 li:nth-child(9),
	.case_temp_452 li:nth-child(10),
	.case_temp_452 li{
		height: 290px !important;
	}
	.case_temp_452 li:nth-child(1){
		height: auto !important;
	}

	/*----453----*/
	.case_temp_453 li:nth-child(2),
	.case_temp_453 li:nth-child(8){
		height: 600px !important;
	}
	.case_temp_453 li:nth-child(3),
	.case_temp_453 li:nth-child(4),
	.case_temp_453 li:nth-child(5),
	.case_temp_453 li:nth-child(6),
	.case_temp_453 li:nth-child(3n+1),
	.case_temp_453 li{
		height: 290px !important;
	}
	.case_temp_453 li:nth-child(1){
		height: auto !important;
	}

	/*----733----*/
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 585px !important;
	}

	/*----457----*/
	.case_temp_457 li:nth-child(2),
	.case_temp_457 li:nth-child(3){
		height: 930px !important;
	}
	.case_temp_457 li{
		height: 290px !important;
	}
	.case_temp_457 li:nth-child(1){
		height: auto !important;
	}

	/*----458----*/
	.case_temp_458 li:nth-child(2){
		height: 1180px;
	}
	.case_temp_458 li:nth-child(3),
	.case_temp_458 li:nth-child(4){
		height: 580px;
	}
	.case_temp_458 li:nth-child(1){
		height: auto !important;
	}

	/*----459----*/

	.case_temp_459 li:nth-child(2),
	.case_temp_459 li:nth-child(3){
		height: 410px !important;
	}
	.case_temp_459 li:nth-child(1){
		height: auto !important;
	}

	/*----474----*/

	.case_temp_474 li{
		height: 290px !important;
	}
	.case_temp_474 li:nth-child(2),
	.case_temp_474 li:nth-child(3),
	.case_temp_474 li:nth-child(9){
		height: 600px !important;
	}
	.case_temp_474 li:nth-child(9){
		margin: -310px 0 20px 0;
	}
	.case_temp_474 li:nth-child(1){
		height: auto !important;
	}
	.relacasebg .relacase li .pic{
		height: 226px;
	}
}

@media screen and (max-width: 1804px) {
	.case_picshow li:nth-child(2){
		height: 562px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 271px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 274px;
	}
	.case_temp_733 li:nth-child(4){
		height: 274px !important;
	}
	.case_temp_733 li:nth-child(3){
		height: 585px !important;
	}
	.case_link ul li .text .title_area{
		font-size: 50px;
	}
	.banner .text{
		font-size: 70px;
		line-height: 70px;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 290px;
	}
}
@media screen and (max-width: 1750px) {
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 535px !important;
	}
}
@media screen and (max-width: 1700px) {
	.case_picshow li:nth-child(2){
		height: 530px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 255px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 259px;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 535px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 259px !important;
	}
	.case_link ul li .text .title_area{
		font-size: 44px;
	}
	.banner .text{
		font-size: 60px;
		line-height: 60px;
	}
	.relacasebg .relacase li .pic{
		height: 184px;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 280px;
	}
}
@media screen and (max-width: 1650px) {
	.ceotext{
		font-size: 20px;
		line-height: 36px;
	}
}
@media screen and (max-width: 1600px) {
	.case_picshow li:nth-child(2){
		height: 500px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 240px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 243px;
	}
	.case_temp_733 li:nth-child(2){
		height: 505px !important;
	}
	.case_temp_733 li:nth-child(3){
		height: 505px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 243px !important;
	}
	.case_link ul li .text .title_area{
		font-size: 40px;
		line-height: 60px;
	}
	.case_link ul li .text .date{
		font-size: 24px;
		line-height: 24px;
	}
	.case_home_video li .bottom{
		width: 85%;
	}
	.case_home_video li .bottom .text .title_area{
		font-size: 38px;
		line-height: 42px;
	}
	.serviceul{
		margin: -13% 15% 0 0;
		width: 30%;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 250px;
	}
}
@media screen and (max-width: 1504px) {
	.case_link ul li .text .title_area{
		font-size: 38px;
	}
	.banner .text{
		font-size: 50px;
		line-height: 50px;
	}
}
@media screen and (max-width: 1500px) {
	.banner_area .banner_text .ani p{
		font-size: 66px;
		line-height: 66px;
	}
	.case_picshow{
		width: 74%;
	}
	.case_video{
		width: 70%;
	}
	.case_link ul{
	}
	.case_link{
	}
	.case_link ul li .year_big{
		font-size: 30px;
		line-height: 30px;
		margin-left: -40px;
		margin-top: 60px;
	}
	.case_home_video li .bottom .text{
		margin: 12% 0 0 0;
	}
	.case_home_video li .bottom .text .title_area{
		font-size: 32px;
		line-height: 38px;
	}
	.case_home_video li .bottom .link_arrow{
		width: 130px;
	}
	.case_home_video li .bottom{
		margin: -120px auto 0 auto;
	}
	.case_home_video li .bottom .text .intro{
		width: 54%;
		font-size: 18px;
	}
	.ncaseul{
		width: 90%;
	}
	.ncaseul .xh li .text{
		line-height: 24px;
	}
	.ncaseul .xh li .text .title{
		font-size: 16px;
	}
	.ncaseul .xh li .text .ftitle{
		font-size: 22px;
	}
	.ncaseul .xh li .text .case_cate{
		margin: 15px 0 5px 0;
	}
	.ncaseul .xh li:nth-child(1) .text,
	.ncaseul .xh li:nth-child(7) .text,
	.ncaseul .xh li:nth-child(9) .text{
		line-height: 24px;
	}
}
@media screen and (max-width: 1440px) {
	.headerbg{
		padding: 45px 0 0 0;
	}
	.menu li a{
		font-size: 30px;
	}
	.case_link ul li .text .title_area{
		font-size: 36px;
		line-height: 50px;
	}
	.case_picshow{
		width: 77%;
	}
	.case_video{
		width: 73%;
	}
	.case_link ul{
		width: 77%;
	}
	.case_text{
		width: 90%;
	}
	.serviceul{
		margin: -18% 15% 0 0;
		width: 40%;
	}
	.relacasebg .relacase li .pic{
		height: 156px;
	}
}
@media screen and (max-width: 1366px) {
	.case_picshow{
		width: 83%;
	}
	.case_video{
		width: 79%;
	}
	.case_link ul{
		width: 83%;
	}
	.keywordarea{
		width: 80%;
	}
	.keywordul li{
		line-height: 70px;
	}
	.keywordul li a{
		font-size: 36px;
	}
}
@media screen and (max-width: 1280px) {
	.case_picshow li:nth-child(2){
		height: 466px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 223px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 228px;
	}
	.case_temp_733 li:nth-child(2){
		height: 460px !important;
	}
	.case_temp_733 li:nth-child(3){
		height: 460px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 228px !important;
	}
	.case_link ul li .text .title_area{
		font-size: 32px;
		line-height: 46px;
	}
	.case_link{
	}
	.case_title{
		font-size: 44px;
	}
	.banner .text{
		font-size: 50px;
		line-height: 50px;
	}
	.banner .text p{
		padding: 8px 35px 15px 35px
	}
	.work_line h1{
		font-size: 50px;
	}
	.work_line h1 p{
		font-size: 22px;
	}
	.relacasebg .relacase li .pic{
		height: 139px;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 230px;
	}
}
@media screen and (max-width: 1200px) {
	.case_picshow li:nth-child(2){
		height: 438px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 209px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 213px;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 410px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 213px !important;
	}
	.news li .text{
		font-size: 38px;
	}
	.banner_area .banner_text .ani p{
		font-size: 60px;
		line-height: 60px;
	}
	.banner .text2{
		bottom: 36%;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 210px;
	}
}
@media screen and (max-width: 1130px) {
	.case_link ul li .text .title_area{
		font-size: 30px;
		line-height: 40px;
	}
	.case_link ul li .text .date{
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 5px 0;
	}
	.recruit_home{
		width: 90%;
	}
}
@media screen and (max-width: 1080px) {
	.case_link ul li .text .title_area{
		font-size: 26px;
		line-height: 34px;
	}
	.case_picshow li:nth-child(2){
		height: 394px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 187px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 192px;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 400px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 192px !important;
	}
	.serviceul{
		margin: -23% 15% 0 0;
		width: 45%;
	}
	.recruit_home .text p{
		font-size: 19px;
	}
	.recruit_home .text span{
		font-size: 28px;
		line-height: 30px;
	}
	.recruit_home .right a{
		font-size: 22px;
	}
	.recruit_home .right a span{
		width: 60px;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 190px;
	}
}
@media screen and (max-width: 1024px) {
	.banner_area .banner_text .ani p{
		font-size: 50px;
		line-height: 50px;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 360px !important;
	}
}
@media screen and (max-width: 920px) {
	.pt30{ padding-top: 3% !important; }
	.p10{ padding: 1% 0; }
	.p20{ padding: 2% 0; }
	.p30{ padding: 3% 0; }
	.p40{ padding: 4% 0; }
	.p50{ padding: 5% 0; }
	.p60{ padding: 6% 0; }
	.p70{ padding: 7% 0; }
	.p80{ padding: 8% 0; }
	.p90{ padding: 9% 0; }
	.p100{ padding: 10% 0; }
	.mt10{ margin-top: 1% !important; }
	.mt20{ margin-top: 2% !important; }
	.mt30{ margin-top: 3% !important; }
	.mt40{ margin-top: 4% !important; }
	.mt50{ margin-top: 5% !important; }
	.mt60{ margin-top: 6% !important; }
	.mt70{ margin-top: 7% !important; }
	.mt80{ margin-top: 8% !important; }
	.mt90{ margin-top: 9% !important; }
	.mt100{ margin-top: 10% !important; }
	.mb30{ margin-bottom: 3% !important;}
	.mb40{ margin-bottom: 4% !important;}

	.case_link ul li .text .title_area{
		font-size: 24px;
		line-height: 40px;
	}
	.case_link ul li .year_big{
		font-size: 26px;
		line-height: 30px;
		margin-left: -34px;
		margin-top: 53px;
	}
	.recruit_home_bg{
		width: 92%;
		left: 4%;
	}
	.recruit_home .text p{
		font-size: 16px;
	}
	.recruit_home .right a{
		font-size: 20px;
	}
	.banner .text{
		bottom: 21%;
	}
	.banner .text2{
		bottom: 37%;
	}
	.case_title_home{
		padding: 7% 0 0 0;
		width: 92%;
	}
	.case_title_home .case_title_index{
		font-size: 22px;
	}
	.case_title_home .case_title_index span{
		display: block;
		font-size: 14px;
		margin: 0;
	}
	.case_home_ul{
		width: 92%;
	}
	.case_home_ul li .pic{
		height: 148px;
	}
	.clients{
		width: 92%;
		padding: 3% 0;
	}
	.numbercount li .icon{
		width: 46px;
		background-size: contain !important;
	}
	.numbercount li .text span{
		font-size: 30px;
		line-height: 30px;
	}
	.numbercount li .text{
		margin: 0 0 0 10px;
	}
	.numbercount li .text p{
		margin: 0;
	}
	.numbercountbg{
		padding: 4% 0;
	}
	.case_home_video li .bottom{
		width: 92%;
	}
	.case_home_video li .bottom .text{
		width: 50%;
		margin: 13% 0 0 0;
	}
	.case_home_video li .bottom .text .date{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.case_home_video li .bottom .text .title_area{
		font-size: 24px;
		line-height: 28px;
	}
	.case_home_video li .bottom .link_arrow{
		width: 80px;
		margin: 5px 0 0 0;
	}
	.case_home_video li .bottom .stext{
		font-size: 18px;
		margin: 5px 0 0 10px;
	}
	.case_home_video_2{
		margin: 8% 0 0 0;
	}
	.case_home_video_2 li .bottom .text{
		margin: 19% 0 0 0;
	}
	.case_home_video_2 li .bottom .text .intro{
		width: 100%;
	}
	.case_home_video_2 li .bottom .video{
		margin: 7% 0 0 0;
	}
	.serviceul{
		width: 84%;
		margin: -15% auto 0 auto;
		float: none;
	}
	.serviceul li .bt{
		font-size: 22px;
		width: 20%;
	}
	.serviceul li .text{
		width: 80%;
		margin: 0;
		line-height: 30px;
	}
	.news{
		width: 92%;
	}
	.news li .right{
		margin: 1% 0 0 0;
	}
	.news li .text{
		font-size: 22px;
		line-height: 44px;
	}
	.news li .date{
		font-size: 16px;
	}
	.news li .newslabel{
		font-size: 14px;
		line-height: 24px;
	}
	.news li .newslabel img{
		height: 12px;
	}
	.news li .viewcase{
		font-size: 14px;
		margin: 5px 0 0 0;
	}
	.fbottom .cr a{
		display: block;
	}
	.ncaseul .xh li .pic{
		height: 216px;
	}
	.ncaseul{
		padding: 100px 0 30px 0;
	}
	.case_cate_bottom{
		padding: 9% 0;
	}
	.case_title{
		font-size: 34px;
		line-height: 36px;
	}
	.case_picshow{
		margin: 0 auto;
		width: 92%;
	}
	.case_picshow li:nth-child(2){
		height: 292px !important;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 136px !important;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 365px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 192px !important;
	}
	.case_temp_449 li:nth-child(5),
	.case_temp_449 li:nth-child(6),
	.case_temp_449 li:nth-child(7),
	.case_temp_449 li:nth-child(8),
	.case_temp_449 li:nth-child(9),
	.case_temp_449 li:nth-child(10),
	.case_temp_449 li{
		height: 136px !important;
	}
	.case_video{
		width: 92%;
		padding: 4% 0 0 0;
	}
	.case_video li{
		margin: 0 0 4% 0;
	}
	.case_video li:last-child{
		margin: 0;
	}
	.case_link{
		padding: 5% 0;
	}
	.case_link ul{
		width: 87%;
	}
	.case_link ul li{
		margin: 0 0 2% 0;
	}
	.case_link ul li .text .link_arrow{
		width: 14%;
		margin: 0;
	}
	.relacasebg{
		padding: 5% 0;
	}
	.relacasebg .relacase{
		padding: 0;
		width: 92%;
	}
	.relacasebg .relacase li.year a{
		margin: 50px 0 0 -10px;
		font-size: 18px;
	}
	.relacasebg .relacase li .pic{
		height: 105px;
	}
	.relacasebg .relacase ul:last-child{
		margin: 0;
	}
	.nservice{
		padding: 130px 0 0 0;
		width: 92%;
	}
	.nservice .nabout_title{
		font-size: 36px;
		line-height: 36px;
	}
	.nservice .nabout_title p{
		padding: 30px 0 0 0;
		font-size: 20px;
	}
	.nserviceul{
		margin: 5% 0 0 0;
	}
	.nserviceul li .text span{
		font-size: 22px;
	}
	.nserviceul li .text p{
		font-size: 16px;
		line-height: 30px;
	}
	.ncontainer{
		margin: 100px 0 0 0;
	}
	.nnews{
		width: 92%;
	}
	.page{
		width: 92%;
	}
	.newscontainer{
		width: 92%;
	}
	.abouttop{
		margin: 160px 0 50px 0;
		font-size: 32px;
		line-height: 44px;
	}
	.picabout .text{
		position: relative;
		width: 92%;
		top: auto;
		left: auto;
		margin: 0 auto;
	}
	.picabout .text img{
		width: 36%;
		max-width: none;
		margin: 0 5% 5% 0;
	}
	.picabout .text .con{
		width: 100%;
		float: none;
		margin: 0;
		line-height: 28px;
	}
	.picabout>img{
		margin-top: -26%;
	}
	.nabout_title{
		font-size: 50px;
		line-height: 50px;
	}
	.about_adv_cir{
		margin-top: -6%;
		z-index: 9;
	}
	.aboutadv li .text span{
		font-size: 16px;
		margin: 0 0 5px 0;
	}
	.aboutadv li .text p{
		font-size: 12px;
		line-height: 20px;
	}
	.aboutadv li .text{
		width: 90% !important;
		padding: 5% !important;
	}
	.menu>li>ul{
		top: 40px;
		padding: 0;
	}
	.menu>li>ul li a{
		font-size: 18px;
		background: #fff;
	}
	.ceotext{
		padding: 15px 30px 0 0;
		font-size: 16px;
		line-height: 28px;
	}
	.ceointro>img{
		margin: 0 20px 0 0;
	}
	.creativework{
		height: 250px;
		margin: 10px 0 0 0;
		padding: 155px 4% 0 4%;
		font-size: 16px;
		line-height: 26px;
	}
	.creativework .nabout_title{
		font-size: 40px;
		line-height: 40px;
	}
	.work_line h1{
		padding: 14% 8% 0 8%;
		font-size: 38px;
	}
	.work_line h1 p{
		font-size: 14px;
		line-height: 26px;
	}
	.work_line h1 p br{
		display: none;
	}
	.work_line,
	.work_line_2{
		margin: 50px 0 0 0;
	}





















}
.swiper_button_next,
.swiper_button_prev{
	outline: none;
}
@media screen and (max-width: 860px) {
	.case_link ul li .text .title_area{
		font-size: 22px;
		line-height: 36px;
	}
	.case_link ul li .text .date{
		font-size: 16px;
		line-height: 16px;
		margin: 0 0 5px 0;
	}
	.banner_area .banner_text .ani p{
		font-size: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 820px) {
	.case_link ul li:nth-child(2n) .text{
		float: left;
	}
	.case_link ul li:nth-child(2n) .text,
	.case_link ul li .text{
		width: 100%;
	}
	.menu li a{
		font-size: 20px;
	}
	.logo{
		width: 20%;
	}
	.logo img{
		width: 100%;
	}
	.case_intro{
		font-size: 18px;
		line-height: 38px;
	}
	.case_detail li{
		font-size: 16px;
	}
	.case_link ul li .year_big{
		font-size: 18px;
		line-height: 18px;
		margin-left: -25px;
		margin-top: 48px;
	}
}
@media screen and (max-width: 820px) {
	.case_picshow li:nth-child(2){
		height: 280px;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(4){
		height: 130px;
	}
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(6),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(8),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(10){
		height: 136px;
	}
	.case_temp_733 li:nth-child(2),
	.case_temp_733 li:nth-child(3){
		height: 300px !important;
	}
	.case_temp_733 li:nth-child(4){
		height: 136px !important;
	}
	.case_detail li .d_detail .year{
		font-size: 12px;
	}
	.footerbg1{
		height: 304px;
	}
	.footerbg2{
		height: auto;
	}
	.fbottom,
	.footer{
		width: 90%;
	}
	.fleft{
		width: 50%;
	}
	.fmessage{
		width: 50%;
	}
	.finfo{
		width: 100%;
	}
	.banner .text{
		line-height: 40px;
		font-size: 40px;
	}
	#baguetteBox-overlay .full-image figure{
		height: auto;
	}
	.full-image figure:before{
		background: url(../images/watermark.png) bottom 20px right 25px no-repeat;
		background-size: 150px;
	}
	.ncaseul{
		margin: 30px auto 0 auto;
	}
	.ncaseul .xh li:nth-child(1),
	.ncaseul .xh li:nth-child(7),
	.ncaseul .xh li:nth-child(9){
		width: 100%;
		margin: 0 0 4% 0;
	}
	.ncaseul .xh li:nth-child(2),
	.ncaseul .xh li:nth-child(3),
	.ncaseul .xh li:nth-child(5),
	.ncaseul .xh li:nth-child(6),
	.ncaseul .xh li:nth-child(10),
	.ncaseul .xh li:nth-child(11){
		width: 49%;
	}
	.ncaseul .xh li:nth-child(6){
		margin: 0 0 4% 0;
	}
	.case_cate_bottom a{
		font-size: 22px;
		border-width: 3px;
	}
	.case_temp_723 li:nth-child(5),
	.case_temp_723 li:nth-child(6),
	.case_temp_723 li:nth-child(7),
	.case_temp_723 li:nth-child(8),
	.case_temp_723 li:nth-child(9),
	.case_temp_723 li:nth-child(10),
	.case_temp_723 li{
		height: 140px;
	}
}
@media screen and (max-width: 685px) {
	.banner_area .banner_text .ani p{
		font-size: 40px;
		line-height: 40px;
	}
	.banner_area .banner_text{
		width: 60%;
	}
}
@media screen and (max-width: 620px) {
	.searcharea h1{
		font-size: 50px;
		line-height: 50px;
	}
	.searcharea h1 span{
		font-size: 32px;
	}
}
@media screen and (max-width: 460px) {
	*{
		font-weight: normal !important;
	}
	.headerbg{
		padding: 20px 0 !important;
	}

	.banner_area .swiper-slide{
		display: block;
		height: 400px !important;
	}
	.banner_area .swiper-container,
	.banner_area .swiper-wrapper{
		height: 400px !important;
	}

	.banner img{
		height: 100%;
		object-fit: cover;
	}
	.logo{
		width: 19%;
	}
	.case_intro{
		height: 102px;
		overflow: hidden;
		line-height: 26px;
		font-size: 14px;
	}
	.case_text{
		width: 92%;
	}
	.menu li a{
		padding: 0 0 0 20px;
		font-size: 12px;
		line-height: 16px;
	}
	.case_video li{
		width: 100%;
	}
	.case_link{
	}
	.case_link ul li{
	}
	.case_link ul li .text .title_area{
		font-size: 18px;
		line-height: 28px;
	}
	.relacasebg .relacase li{
		width: 46%;
		margin: 0 0 2% 2%;
	}
	.relacasebg .relacase li:nth-child(4){
		margin: 0 0 2% 6%;
	}
	.case_title{
		font-size: 36px;
		line-height: 38px;
		font-weight: bold !important;
	}
	.case_detail li{
		line-height: 28px;
		font-size: 14px;
	}
	.case_detail li .d_title{
		width: 10%;
		text-align: right;
		margin: 0 0 0 1%;
	}
	.case_detail li .d_name:after{
		top: 13px;
	}
	.case_detail li .d_detail .year{
		width: 50%;
	}
	.case_detail li .d_detail span{
		font-size: 12px;
		line-height: 16px;
	}
	.case_detail li .d_ge{
		width: 5%;
	}
	.case_detail li .d_name{
		width: 75%;
	}
	.case_detail li .d_icon{
		width: 5%;
	}
	.case_detail li .d_arrow{
		width: 3%;
	}
	.case_link ul li .text .link_arrow{
		width: 25%;
		margin: 5px 0 0 0;
	}
	.sidebar{
		width: 50px;
	}
	.case_link ul li .pic{
		width: 50%;
	}
	.footerbg1{
		height: 424px;
	}
	.fleft{
		width: 100%;
	}
	.fmessage{
		width: 100%;
	}
	.fbottom .fmenu{
		width: 100%;
	}
	.fbottom .cr{
		width: 100%;
	}
	.recruit_home .text p{
		font-size: 12px;
		font-family: "SourceHanSansCN-Light";
	}
	.recruit_home .text span{
		font-size: 15px;
		line-height: 18px;
		margin: 0 0 5px 0;
	}
	.recruit_home .right{
		margin: -36px 0 0 0;
	}
	.recruit_home .right a{
		font-size: 12px;
		line-height: 16px;
	}
	.recruit_home .right a span{
		width: 30px;
		height: 16px;
	}
	.p40{
		padding: 4% 0;
	}
	.case_title_home{
		padding: 40px 0 20px 0;
	}
	.numbercount li{
		width: 50%;
		margin: 0 0 20px 0;
	}
	.case_home_ul,
	.clients,
	.news_title_home,
	.news,
	.numbercount,
	.case_home_video li .bottom,
	.case_title_home{
		width: 90%;
	}
	.serviceul{
		width: 84%;
	}
	.news li .pic{
		width: 100%;
		margin: 0 0 0 0;
	}
	.news li .right{
		width: 100%;
	}
	.news li .date{
		font-size: 16px;
	}
	.news li .text{
		font-size: 22px;
		line-height: 40px;
	}
	.news li .newslabel{
		font-size: 12px;
	}
	.news li .newslabel img{
		height: 12px;
	}
	.serviceul{
		padding: 5% 4%;
	}
	.serviceul li .bt{
		line-height: 32px;
		font-size: 14px;
	}
	.serviceul .service_title{
		font-size: 24px;
	}
	.serviceul li .text{
		width: 75%;
		margin: 0 0 0 4%;
		line-height: 16px;
	}
	.ncaseul .xh li .pic{
		height: auto;
	}
	.case_home_video li .bottom{
		margin: 20px auto 0 auto;
	}
	.case_home_video li .bottom .text .intro,
	.case_home_video li .bottom .video{
		width: 100%;
	}
	.case_home_video li .bottom .text{
		width: 100%;
		margin: 10% 0 0 0;
	}
	.case_home_video_2 li .bottom .text{
		margin: 0;
	}
	.case_home_video_2 li .bottom .video{
		margin: 40px 0 0 0;
	}
	.numbercount li .text span{
		font-size: 34px;
		line-height: 34px;
		width: 70px;
	}
	.case_home_ul li:nth-child(3n),
	.case_home_ul li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.case_home_ul li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.case_title_home .case_title_index span{
		display: block;
		font-size: 14px;
		margin: 10px 0 0 0;
		line-height: 24px;
	}
	.case_home_ul li .pic{
		height: 120px;
	}
	.case_home_ul li .text p{
		font-size: 14px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.case_home_ul li .text,
	.case_home_ul li .textbg{
		height: 54px;
	}
	.case_home_ul li:last-child{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.case_home_ul li:last-child .pic{
		height: 220px;
	}
	.clients li:after{
		display: none;
	}
	.banner_area .banner_text .ani p{
		font-size: 30px;
		line-height: 30px;
		padding: 5px 3% 8px 3%
	}
	.banner_area .banner_text{
		width: 100%;
	}
	.banner .swiper-slide-active .text{
		width: 300px;
	}
	.banner .text{
		line-height: 18px;
		font-size: 18px;
	}
	.clients{
		padding: 9% 5%;
	}
	.banner .text{
		bottom: 7%;
	}
	.banner .text2{
		bottom: 18%;
	}
	.banner .text p{
		padding: 5px 15px 5px 15px;
	}
	.searcharea h1{
		font-size: 36px;
		line-height: 36px;
	}
	.searcharea h1 span{
		font-size: 24px;
	}
	.searchbottom a{
		font-size: 20px;
	}
	.searchform .sbut{
		height: 60px;
		background-size: 50px;
	}
	.searchform .stext{
		height: 60px;
	}
	.searchclose{
		width: 50px;
		height: 50px;
	}
	.searchclose:after,
	.searchclose:before{
		width: 40px;
		height: 4px;
		margin-left: -19px;
		margin-top: -2px;
	}
	#baguetteBox-overlay .full-image figure{
		height: auto;
	}
	.full-image figure:before{
		background: url(../images/watermark.png) bottom 20px right 25px no-repeat;
		background-size: 100px;
	}
	.ncaseul{
		margin: 0 auto 0 auto;
		padding: 80px 0 60px 0;
	}
	.ncaseul .xh li .text{
		padding: 3%;
	}
	.ncaseul .xh li .text .ftitle{
		font-size: 18px;
		line-height: 30px;
	}
	.ncaseul .xh li .text .case_cate{
		margin: 0;
	}
	.ncaseul .xh li:nth-child(2),
	.ncaseul .xh li:nth-child(3),
	.ncaseul .xh li:nth-child(5),
	.ncaseul .xh li:nth-child(6),
	.ncaseul .xh li:nth-child(10),
	.ncaseul .xh li:nth-child(11){
		width: 100%;
		margin: 0 0 4% 0;
	}
	.ncaseul .xh li:nth-child(1) .text,
	.ncaseul .xh li:nth-child(7) .text,
	.ncaseul .xh li:nth-child(9) .text{
		position: relative;
		left: auto;
		bottom: auto;
		padding: 2% 3%;
	}
	.case_cate_bottom a:last-child,
	.case_cate_bottom a{
		display: table;
		padding: 10px 0;
		width: 40%;
		margin: 0 auto 20px auto;
	}
	.case_picshow li a{
		position: relative;
	}
	.case_title{
		font-size: 28px;
	}
	.case_title_1{
		font-size: 20px;
		margin: 0;
	}
	.case_picshow li{
		width: 49%;
		height: 124px !important;
		margin: 0 2% 2% 0 !important;
	}
	.case_picshow li:nth-child(2n){
		width: 49% !important;
		height: 124px !important;
		margin: 0 2% 2% 0 !important;
	}
	.case_picshow li:nth-child(2){
		width: 49% !important;
		height: 124px !important;
	}
	.case_picshow li:nth-child(1){
		width: 100% !important;
		margin: 0 0 2% 0 !important;
		height: auto !important;
	}
	.case_picshow li:nth-child(3),
	.case_picshow li:nth-child(5),
	.case_picshow li:nth-child(7),
	.case_picshow li:nth-child(9),
	.case_picshow li:nth-child(11){
		margin: 0 0 2% 0 !important;
		width: 49% !important;
		height: 124px !important;
	}



	.case_temp_451 li:nth-child(8){
		float: left;
	}









	.ncontainer{
		margin: 40px 0 0 0;
	}
	.nnews li .text h3{
		font-size: 22px;
	}
	.nnews li .text p{
		font-size: 14px;
		padding: 0 0 5px 0;
	}
	.nnews li .text p span{
		margin: 0 20px 0 0;
	}
	.nnews li .text p span:last-child{
		margin: 0;
	}
	.nnews li .text .more{
		margin: 20px 0 0 0;
		line-height: 36px;
		width: 110px;
	}
	.nnews li .text .more:after{
		height: 36px;
	}
	.picabout .text .con{
		font-size: 14px;
		line-height: 26px;
		font-family: "SourceHanSansCN-Normal";
	}
	.nabout_title{
		font-size: 36px;
		line-height: 36px;
	}
	.aboutadv{
		width: 92%;
	}
	.aboutadv li{
		width: 100%;
	}
	.about_adv_cir{
		width: 45%;
		left: 27.5%;
		margin-top: -14%;
	}
	.abouttop{
		margin: 80px 4% 30px 4%;
		font-size: 18px;
		line-height: 26px;
	}
	.ceointrobg{
		margin: 20px 0 0 0;
	}
	.ceointro>img{
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}
	.ceotext{
		padding: 15px 4% 10px 4%;
		font-size: 14px;
		line-height: 22px;
		text-align: left;
	}
	.ceotext strong{
		font-weight: bold !important;
	}
	.menu>li>ul{
		top: 25px;
	}
	.menu>li>ul li{
		margin: 0 0 0 20px;
	}
	.menu>li>ul li a{
		font-size: 12px;
		line-height: 30px;
	}
	.dectext{
		padding: 60px 4% 400px 4%;
		font-size: 14px;
		line-height: 30px;
	}
	.dectext h1{
		font-size: 36px;
		margin: 0 0 30px 0;
	}
	.creativework{
		padding: 80px 4% 0 4%;
		font-size: 16px;
		line-height: 30px;
	}
	.creativework .nabout_title{
		font-size: 34px;
		line-height: 34px;
		margin: 0 0 10px 0;
	}
	.work_line h1{
		padding: 12% 4% 0 4%;
		width: 42%;
		font-size: 24px;
	}
	.work_line h1 p{
		font-size: 14px;
		line-height: 22px;
		margin: 10px 0 0 0;
	}
	.case_picshow li.lastpic{
		width: 100% !important;
		margin: 0 !important;
		height: 259px !important;
	}
	.whychina{
		margin-top: 0 !important;
	}

	.nserviceul li,
	.nserviceul li:nth-child(4n){
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.nserviceul li:nth-child(2n){
		margin: 0 0 4% 0;
	}
	.nservice{
		padding: 90px 0 0 0;
	}
	.nservice .nabout_title{
		font-size: 28px;
		line-height: 28px;
	}
	.nservice .nabout_title p{
		font-size: 14px;
	}
	.nserviceul li .text{
		margin: 20px 0 0 0;
	}
	.nserviceul li .text span{
		font-size: 18px;
	}
	.nserviceul li .text p{
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 0 0;
		-webkit-line-clamp: inherit;
	}
	.nserviceul li:nth-child(2n+1){
		clear: both;
	}


	.case_temp_733 li:nth-child(2){
		width: 100% !important;
		height: 260px !important;
		margin: 0 0 2% 0 !important;
	}
	.case_temp_733 li:nth-child(3){
		height: 410px !important;
		height: 256px !important;
		margin: 0 2% 2% 0 !important;
	}
	.case_temp_733 li:nth-child(4){
		margin: 0 0 2% 0 !important;
	}

	.relacasebg .relacase li.year a {
		margin: 40px 0 0 -24px;
		font-size: 15px;
	}
	.keywordarea{
		width: 90%;
	}
	.keywordarea h1{
		font-size: 30px;
		line-height: 30px;
	}
	.keywordul li{
		width: 48%;
		margin: 0 1%;
		line-height: 46px;
		text-align: center;
	}
	.keywordul li a{
		font-size: 20px;
	}

}
@media screen and (max-width: 395px) {
	.logo{
		width: 18%;
	}
	.menu li a{
		letter-spacing: 1.5px;
	}
}
@media screen and (max-width: 370px) {
	.keywordul li{
		line-height: 44px;
	}
	.keywordul li a{
		font-size: 18px;
	}
}
@media screen and (max-width: 375px) {
	.menu li a{
		padding: 0 0 0 10px;
	}
	.menu>li>ul li{
		margin: 0 0 0 5px;
	}
	.recruit_home_bg{
		width: 100%;
		left: 0;
		padding: 3% 0 2% 0;
	}
	.recruit_home{
		width: 94%;
	}
	.recruit_home .text span{
		line-height: 15px;
		font-size: 14px;
	}
	.recruit_home .text p{
		line-height: 12px;
	}
	.recruit_home .right{
		margin: -31px 0 0 0;
	}
	.recruit_home .right a{
		line-height: 12px;
	}
	.recruit_home .right a span{
		height: 12px;
	}
	.banner .text1{
		bottom: 7%;
	}
	.banner .text2{
		bottom: 18%;
	}
	.case_home_ul li .pic{
		height: 122px;
	}
	.case_more_home{
		height: 110px;
	}
	.case_more_home a{
		height: 110px;
		line-height: 150px;
	}
	.case_more_home a:before{
		width: 24px;
		height: 24px;
		background-size: cover;
	}
	.numbercount li .text span{
		font-size: 28px;
		line-height: 28px;
	}
	.case_home_video li .bottom{
		margin: 20px auto 0 auto;
	}
	.case_home_video_2 li .bottom .video{
		margin: 20px 0 0 0;
	}
	.case_video li .video_play,
	.whychina .video_play{
		width: 48px;
		margin-left: -24px;
   		margin-top: -16px;
	}
	.case_home_ul,
	.clients,
	.news_title_home,
	.news,
	.numbercount,
	.case_home_video li .bottom,
	.case_title_home{
		width: 94%;
	}
	.serviceul{
		width: 88%;
		padding: 4% 3%;
	}
	.serviceul .service_title{
		margin: 0 0 10px 0;
	}
	.news_title_home .news_title{
		font-size: 24px;
	}
	.news li .text{
		font-size: 20px;
	}
	.news li .date{
		font-size: 14px;
	}
	.news li .newslabel{
		font-size: 12px;
	}
	.news li .newslabel img{
		height: 12px;
	}
	.clients{
		padding: 8% 3%;
	}
	.serviceul li .text{
		width: 80%;
		margin: 0;
	}























}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}